Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre.css
This sass version converts less to sass for better integration with your sass project and allows you to use sass mixins and @extends to create, for example, additional buttons, labels etc.
Spectre.scss can be installed from:
npm
npm install spectre.scss
bower
bower install spectre.scss
or manually you can clone this repository
In order to get processed css files first you need to run
npm install
gulp
gulp will process the scss files to dist/ folder
Simply add your main sass file this
@import "spectre";
@import "spectre-icons";
@import "spectre-exp";This is a minimual less->sass conversion.
Syntax for variables and mixins has been converted, but the syntax remains css-like and does not adopt sass' minimal syntax. This has been done to reduce the effort when the less project updates.
For framework documentation, see original Spectre.css project.
Full credit for this brilliant and useful framework goes to Yan Zhu.
Feel free to submit a pull request. Help is always appreciated. Please ensure your gulp builds work before requesting.