Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ebay/skin

Pure CSS framework designed & developed by eBay for a branded, e-commerce marketplace.
https://github.com/ebay/skin

a11y accessibility aria bem bem-methodology css css-framework ebay html less library styles stylesheets

Last synced: about 4 hours ago
JSON representation

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

Awesome Lists containing this project

README 

        
[![This project is using Percy.io for visual regression testing.](https://percy.io/static/images/percy-badge.svg)](https://percy.io/f1364dca/eBay-Skin)



# Skin



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



Please visit the [Skin website](https://opensource.ebay.com/skin/) for all end-user documentation.



## License



Skin is [MIT](LICENSE) licensed.



## Install



Skin is available as the `@ebay/skin` package on [NPM](https://www.npmjs.com/). Skin is also available on our [CDN](https://opensource.ebay.com/skin/#cdn).



## Versioning



Skin follows [Semantic Versioning](http://semver.org):



1. MAJOR version when we make incompatible API changes,

1. MINOR version when we add functionality in a backwards-compatible manner

1. PATCH version when we make backwards-compatible bug fixes.



More detailed insight into our versioning process can be found in our [contributing guide](CONTRIBUTING.md).



## Releases



Please refer to our [releases](https://github.com/eBay/skin/releases) page to view the change log for current and past releases.



Please refer to our [web archive](https://opensource.ebay.com/skin/archive/) for past examples and documentation.



## Roadmap



Please refer to our [projects](https://github.com/eBay/skin/projects) page to see what's coming down the pipeline.



## Browser Support



Please view our [@ebay/browserslist-config](https://github.com/eBay/browserslist-config/blob/master/index.js) 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](https://github.com/eBay/skin/issues) 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](CONTRIBUTING.md) for information on how to get started.



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



## People



The original creator of Skin is [Senthil Padmanabhan](https://github.com/senthilp).



The current author and lead maintainer is [Ian McBurnie](https://github.com/ianmcburnie).



[List of all contributors](https://github.com/eBay/skin/graphs/contributors).