SasserKit
A starter kit for front developpement based on bootstrap and SASS.
Assets
- Bootstrap
- SASS
- Font Awesome
- Respond.JS
- html5shiv
- Grunt
- Bower
License
Starter Kit is released under the MIT License.
Inspired by the GestionAir StarterKit : https://github.com/GestionAIR/StarterKit
Getting Started
This project requires Grunt and Bower.
From the project's directory execute :
$ npm -g install grunt-cli bower
$ npm install
$ bower install
Run project with Grunt.
$ grunt
Stats
To have statistics on the project, run the following command :
$ grunt stats
CSS-count gives you data on the code (IE9 is limited to 4095 selectors) and PageSpeed offers data on the project performance according to Google PageSpeed Insights.
Critical CSS
SasserKit uses the grunt contrib for criticalcss. When you launch grunt, it generates critical css files in css/critical/.. that you can copy, paste and inline in the head of your html.
Switch from LESS to SASS (work in progress)
If you used to use LESS, you might be interested in these readings :
- the SASS website : http://sass-lang.com/
- some SASS resources : http://thesassway.com/
- how to override the Bootstrap variables (the variables are interpreted differently) : RailsApps/rails-bootstrap#12