This project requires GulpJS
and Compass
If you haven't used GulpJS before, be sure to check out the Getting Started guide.
This is a sample GulpJS project that unites Compass, CoffeScript and SASS using GulpJS plugins.
-
First things first: You will need npm package manager to install all dependencies. npm comes within NodeJS since version 0.6.3.
-
To use Compass and SASS, you will need to install Ruby and the gems declared in the
Gemfile
. There are many ways to install Ruby, just choose one and be happy. -
To install all Ruby-Comffee dependencies, install Ruby and them run
bundle install
, using the bundler gem or rungem install compass
andgem install bootstrap-sass
. -
To install all NodeJS-Comffee dependencies, install NodeJS and then run
npm install
. This command will install all node_modules that are necessary to run this application. -
With all dependencies installed, run the
gulp
command and have fun :) -
If you want to run the
default
task every time a JS or CSS file change, run thegulp watch
command
- fonts // Put your font files here
- images // Put your image files here, like the glyphicons from bootstrap
- src
- css // Put your CSS, SASS or SCSS files here
- js // Put your Coffee or JS files here
If you want to get rid of your compiled files, run the command gulp clean
.
It is important to note that this project has bootstrap-sass included.
To import bootstrap-sass in your CSS just import it.
@import "bootstrap";