Sky's CSS Toolkit.
- Visit #toolkit on Slack for full documentation (INTERNAL ONLY)
- or visit the Toolkit Wiki
- Enable teams across tribes to share common styles.
- Provide a modular approach to handling CSS/Sass components.
- Provide a single source of truth for Polaris brand guidelines.
The project consists of 3 repositories:
- this repo: provides the UI and Core layers.
- toolkit-core: Global styles and defaults for all projects.
- toolkit-ui: Aesthetic components.
- toolkit-react: React.js UI components built on Toolkit styles.
- blackjack-toolbelt: Spin up a React.js component in the CLI using Toolkit styles.
$ npm install sky-toolkit --save
See the Wiki for full documentation and information on how to implement the Toolkit in your project.
For rapid prototyping and static sites you can include our latest compiled CSS in the <head>
of your page.
<link rel="stylesheet" href="https://www.sky.com/assets/toolkit/v1.0.0/toolkit.css">
We strongly advise not to use this method in live projects.
Use npm
installation to benefit from the Toolkit's modularity and extensibility.
Because of how the Toolkit loads third party dependencies (such as sass-mq), your development environment needs:
If you're using webpack you'll also need:
- sass-loader (3.1 or greater)
The Toolkit follows Semantic Versioning to help manage the impact of releasing new library versions.
|
Joe Bell
|
Joe Dinsdale
|
Aaron Thomas
|
Steve Duffin
|
Sam Kitson
|
Luke Barratt
| :---: | :---: | :---: | :---: | :---: | :---: | :---: |
|
Greg Pratt
|
Rich Gorman
|
Alex Fenton
|
Chris Vernon
|
Stefan McCready
|
Djenan Kozic
|
| :---: | :---: | :---: | :---: | :---: | :---: | :---: |
We appreciate any contribution to the Toolkit, please check out CONTRIBUTING.md.
We keep a list of features and bugs in the issue tracker.
Special thanks to the following contributors: