Package Exports
- spotcss
- spotcss/index.scss
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (spotcss) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
This is the official repository of SPOT CSS framework and Single Place Of Truth Methodology.
Handle your styles properly!
Powered by SASS/SCSS.
Install instructions
Run $ npm i --save-dev spotcss
to install SPOT CSS package.
Include line @import "~spotcss";
into your SCSS/SASS files.
Naming convention
simple selector - select elements based on name, id, class without relations to parents or siblings (no spaces, +, >, ~), e.g
div.wrapper
.combinator selectors - select elements based on a specific relationship between them (contains spaces, +, >, or ~), e.g.
.wrapper > a
.single selector - selector which doesn't contain commas. It could be both: simple selector or combinator selectors.
multiple selectors - more single selectors separated by comma, e.g.
div.wrapper, .wrapper > a
.multiple simple selectors - more simple selectors separated by comma, e.g.
div.wrapper, a.wrapper
.multiple combinator selectors - more combinator selectors separated by comma, e.g.
div.wrapper span, .wrapper > a
.
For contributors
Development instructions
Run $ npm run test
to run tests once.
Run $ npm run test:watch
to develop and see the tests result live.
Run $ npm run doc
to build and open in browser documentation for developers (sassdoc).
If you have not installed sassdoc, run $ npm install -g sassdoc
at first.
Run $ npm run doc:build
to just rebuild SASS documentation or $ npm run doc:view
to open it in browser.