JSPM

  • Created
  • Published
  • Downloads 351
  • Score
    100M100P100Q89743F
  • License MIT

SPOT CSS Framework { Single Place Of Truth Methodology }

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

SPOT CSS

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.