A starter kit for front developpement based on bootstrap and SASS.
- Bootstrap
- SASS
- Font Awesome
- Respond.JS
- html5shiv
- Grunt
- Bower
Starter Kit is released under the MIT License.
Inspired by the GestionAir StarterKit : https://github.com/GestionAIR/StarterKit
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
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.
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.
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