generator-bootstrap-compass

Yeoman generator

About

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.

Getting Started

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

License

MIT