Skip to content
Pure CSS framework designed & developed by eBay for a branded, e-commerce marketplace.
CSS JavaScript Other
Branch: master
Clone or download
Latest commit 0a73d69 Oct 10, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Updated DS6 site design (#89) Mar 13, 2018
dist Removed paddles on focus/hover for small screens (#879) Oct 9, 2019
docs 9.3.0 Oct 10, 2019
icon Fixed ds6 flag Aug 23, 2019
scripts Changed selected radio to blue (#862) Sep 26, 2019
src Removed paddles on focus/hover for small screens (#879) Oct 9, 2019
.babelrc Website: added babel transpilation (JS src files are now ES6) (#637) Jun 3, 2019
.editorconfig Initial commit Jul 18, 2017
.gitignore Website: consolidated to a single shared template for DS4 & DS6 (#821) Sep 18, 2019
.npmignore Removed _cdn from npm ignore (#806) Aug 30, 2019
.npmrc Initial commit Jul 18, 2017
.stylelintrc-css DevDeps: upgraded major version of stylelint Oct 1, 2019
.stylelintrc-less DevDeps: upgraded major version of stylelint Oct 1, 2019
.travis.yml Travis: Updated branches whitelist Sep 24, 2019
CONTRIBUTING.md update contributing.md (#808) Sep 3, 2019
Gemfile Percy: visual testing as a service (#846) Sep 20, 2019
Gemfile.lock Bump rubyzip from 1.2.2 to 2.0.0 (#868) Oct 1, 2019
ICON-CREATION.md Icon creation readme (#186) May 9, 2018
LICENSE Initial commit Jul 18, 2017
README.md Percy: visual testing as a service (#846) Sep 20, 2019
actionable.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
actionable.less Add arc support Apr 15, 2019
actionable[skin-ds6].less Add arc support Apr 15, 2019
badge.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
badge.less Add arc support Apr 15, 2019
badge[skin-ds6].less Add arc support Apr 15, 2019
breadcrumb.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
breadcrumb.less Add arc support Apr 15, 2019
breadcrumb[skin-ds6].less Add arc support Apr 15, 2019
browser.json Success Message: removed from docs & bundle Oct 1, 2019
button.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
button.less
button[skin-ds6].less Add arc support Apr 15, 2019
card.browser.json Removed skin-large adaptive css (#504) Jan 9, 2019
card.less Add arc support Apr 15, 2019
carousel.browser.json Carousel: new module (#668) Jun 24, 2019
carousel.less Carousel: new module (#668) Jun 24, 2019
carousel[skin-ds6].less Carousel: new module (#668) Jun 24, 2019
checkbox.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
checkbox.less Add arc support Apr 15, 2019
checkbox[skin-ds6].less Add arc support Apr 15, 2019
color.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
color.less Add arc support Apr 15, 2019
color[skin-ds6].less Add arc support Apr 15, 2019
combo.browser.json Convert top level dependency paths to be relative (#704) Jul 23, 2019
combo.less Add arc support Apr 15, 2019
combobox.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
combobox.less Add arc support Apr 15, 2019
combobox[skin-ds6].less Add arc support Apr 15, 2019
core.browser.json Convert top level dependency paths to be relative (#704) Jul 23, 2019
core.less Add arc support Apr 15, 2019
cta-button.browser.json 8.0.0 merge to master (#752) Aug 12, 2019
cta-button.less 8.0.0 merge to master (#752) Aug 12, 2019
cta-button[skin-ds6].less 8.0.0 merge to master (#752) Aug 12, 2019
details.browser.json New module: Details (#613) May 10, 2019
details.less New module: Details (#613) May 10, 2019
details[skin-ds6].less New module: Details (#613) May 10, 2019
dialog.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
dialog.less Add arc support Apr 15, 2019
dialog[skin-ds6].less Add arc support Apr 15, 2019
expand-button.browser.json 8.0.0 merge to master (#752) Aug 12, 2019
expand-button.less 8.0.0 merge to master (#752) Aug 12, 2019
expand-button[skin-ds6].less 8.0.0 merge to master (#752) Aug 12, 2019
field.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
field.less Add arc support Apr 15, 2019
field[skin-ds6].less Add arc support Apr 15, 2019
filter-button.browser.json Filter button / link (#738) Aug 6, 2019
filter-button.less Filter button / link (#738) Aug 6, 2019
filter-button[skin-ds6].less Filter button / link (#738) Aug 6, 2019
filter-menu-button.browser.json Filter Menu Button (#758) Aug 15, 2019
filter-menu-button.less Filter Menu Button (#758) Aug 15, 2019
filter-menu-button[skin-ds6].less Filter Menu Button (#758) Aug 15, 2019
filter-menu.browser.json Filter menu (#748) Aug 9, 2019
filter-menu.less Filter menu (#748) Aug 9, 2019
filter-menu[skin-ds6].less Filter menu (#748) Aug 9, 2019
form.browser.json Convert top level dependency paths to be relative (#704) Jul 23, 2019
form.less Add arc support Apr 15, 2019
gh.browser.json GH: consolidated gh mixins in one place (#503) Jan 9, 2019
global.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
global.less Add arc support Apr 15, 2019
global[skin-ds6].less Add arc support Apr 15, 2019
grid.browser.json Initial commit Jul 18, 2017
gulpfile.js Added test pages for icons (#781) Aug 21, 2019
icon.browser.json 7.4.6 (#722) Jul 27, 2019
icon.less Add arc support Apr 15, 2019
index.browser.json Convert top level dependency paths to be relative (#704) Jul 23, 2019
index.less Add arc support Apr 15, 2019
label.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
label.less Add arc support Apr 15, 2019
label[skin-ds6].less Add arc support Apr 15, 2019
less.browser.json 8.0.0 merge to master (#752) Aug 12, 2019
link.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
link.less Add arc support Apr 15, 2019
link[skin-ds6].less Add arc support Apr 15, 2019
listbox-button.browser.json 8.0.0 merge to master (#752) Aug 12, 2019
listbox-button.less 8.0.0 merge to master (#752) Aug 12, 2019
listbox-button[skin-ds6].less 8.0.0 merge to master (#752) Aug 12, 2019
listbox.browser.json 8.0.0 merge to master (#752) Aug 12, 2019
listbox.less 8.0.0 merge to master (#752) Aug 12, 2019
listbox[skin-ds6].less 8.0.0 merge to master (#752) Aug 12, 2019
marketsans.browser.json Initial commit Jul 18, 2017
marketsans.less Add arc support Apr 15, 2019
menu-button.browser.json 8.0.0 merge to master (#752) Aug 12, 2019
menu-button.less Fix typo with top level less files (#812) Sep 3, 2019
menu-button[skin-ds6].less Fix typo with top level less files (#812) Sep 3, 2019
menu.browser.json 8.0.0 merge to master (#752) Aug 12, 2019
menu.less 8.0.0 merge to master (#752) Aug 12, 2019
menu[skin-ds6].less 8.0.0 merge to master (#752) Aug 12, 2019
notice.browser.json Notice: changed page-notice__cta to use btn and btn--secondary (#851) Sep 24, 2019
notice.less Notice: changed page-notice__cta to use btn and btn--secondary (#851) Sep 24, 2019
notice[skin-ds6].less Notice: changed page-notice__cta to use btn and btn--secondary (#851) Sep 24, 2019
package.json 9.3.0 Oct 10, 2019
pagination.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
pagination.less Add arc support Apr 15, 2019
pagination[skin-ds6].less Add arc support Apr 15, 2019
pill.browser.json 8.0.0 merge to master (#752) Aug 12, 2019
pill.less 8.0.0 merge to master (#752) Aug 12, 2019
pill[skin-ds6].less 8.0.0 merge to master (#752) Aug 12, 2019
radio.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
radio.less Add arc support Apr 15, 2019
radio[skin-ds6].less Add arc support Apr 15, 2019
select.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
select.less Add arc support Apr 15, 2019
select[skin-ds6].less Add arc support Apr 15, 2019
spinner.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
spinner.less Add arc support Apr 15, 2019
spinner[skin-ds6].less Add arc support Apr 15, 2019
success-message.browser.json Success-Message: button refactor (#853) Sep 24, 2019
success-message.less Success-Message: button refactor (#853) Sep 24, 2019
success-message[skin-ds6].less Success-Message: button refactor (#853) Sep 24, 2019
svg.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
svg.less Add arc support Apr 15, 2019
svg[skin-ds6].less Add arc support Apr 15, 2019
switch.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
switch.less Add arc support Apr 15, 2019
switch[skin-ds6].less Add arc support Apr 15, 2019
tab.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
tab.less Add arc support Apr 15, 2019
tab[skin-ds6].less Add arc support Apr 15, 2019
textbox.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
textbox.less Add arc support Apr 15, 2019
textbox[skin-ds6].less Add arc support Apr 15, 2019
tooltip.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
tooltip.less Add arc support Apr 15, 2019
tooltip[skin-ds6].less Add arc support Apr 15, 2019
typography.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
typography.less Add arc support Apr 15, 2019
typography[skin-ds6].less Add arc support Apr 15, 2019
utility.browser.json Lasso/ARC: fix remaps (#616) May 3, 2019
utility.less Add arc support Apr 15, 2019
utility[skin-ds6].less Add arc support Apr 15, 2019
yarn.lock DevDeps: upgraded major version of stylelint Oct 1, 2019

README.md

This project is using Percy.io for visual regression testing.

Skin

Pure CSS framework designed & developed by eBay for a branded, e-commerce marketplace.

Please visit the Skin website for all end-user documentation.

License

Skin is MIT licensed.

Install

Skin is available as the @ebay/skin package on NPM. Skin is also available on our CDN.

Versioning

Skin follows Semantic Versioning:

  1. MAJOR version when we make incompatible API changes,
  2. MINOR version when we add functionality in a backwards-compatible manner
  3. PATCH version when we make backwards-compatible bug fixes.

More detailed insight into our versioning process can be found in our contributing guide.

Releases

Please refer to our releases page to view the change log for current and past releases.

Please refer to our web archive for past examples and documentation.

Roadmap

Please refer to our projects page to see what's coming down the pipeline.

Browser Support

Please view our @ebay/browserslist-config to see which browsers we currently support.

SPOILER: we do not support IE10 or under.

Accessibility (A11Y)

We take accessibility very seriously. Very seriously indeed. Therefore all modules are built in accordance to the eBay MIND Patterns. These patterns, in turn, build on from the specifications provided by the WAI-ARIA Authoring Practices.

Issues

Please use our issues page to ask questions, report issues or submit feature requests.

To help track your issue, the Skin admins will assign it with a label from one or more issue categories.

Custom Bundler

Skin provides a command to create your own bundles for uploading to cdn. Use bin/generate-bundle.js in order to create separate bundles.

bin/generate-bundle.js list -> List available modules (used for the --modules argument)

bin/generate-bundle.js bundle ebay -> Create a bundle under the ebay folder

bin/generate-bundle.js bundle ebay --modules button carousel -> Create a bundle under the ebay folder with only button and carousel modules

bin/generate-bundle.js bundle ebay --scope-class ebay --scope-specificity 5 -> Create a bundle under the ebay folder with all CSS styles wrapped under .ebay.ebay.ebay.ebay.ebay {}

Developing & Contributing

Interested in contributing? Head over to our contributing guide for information on how to get started.

Contributions don't have to be code! They can be ideas, inspiration, discussion or filing bugs!

You can’t perform that action at this time.