Yeoman generator
This generator creates folder structure to work with Compass and Bootstrap. Also creates Gruntfile with such tasks as "Compile Sass/Compass" and "LiveReload"
your_project_folder/
|
|-app/
| |-public/
| | |-css/
| | |-js/
| | |-images/
| | |-index.html
| |-src/
| | |-fonts/
| | | |-bootstrap/
| | | | |-... bootstrap fonts components
| | |-javascripts/
| | | |-bootstrap/
| | | | |-... bootstrap js components
| | | |-bootstrap.js
| | | |-bootstrap-sprockets.js
| | |-stylesheets/
| | | |-bootstrap/
| | | | |-mixins
| | | | |-... bootstrap scss components
| | | |-pages/
| | | |-_bootstrap.scss
| | | |-_bootstrap-compass.scss
| | | |-_bootstrap-mincer.scss
| | | |-_bootstrap-sprockets.scss
| | | |-_variables.scss
| | | |-main.scss
main.scss
have following imports:
@import "variables";
@import "bootstrap";
@import "compass/css3";
Only main.scss
will be compiled into main.css
.
If you don't want to use some bootstrap components, you can at any time change imports in _bootstrap.scss
.
You can also redefine bootstrap variables in _variables.scss
.
To install generator-bootstrap-compass from npm, run:
$ npm install -g generator-bootstrap-compass
Finally, initiate the generator:
$ yo bootstrap-compass
To start Grunt tasks type:
cd your_project_folder
then
grunt
MIT