Bootstrap-Sass-FontAwesome

Installation

1. Download and install NodeJS.
2. Download and install Ruby.
3. Open command line and type gem install sass.
4. Clone or Download project straight from GitHub.
5. Extract the zip file and start working.

Updates

• 2.0.0, 6/24/2015 - Added uncss, autoprefix, minify and auto-update to HTML files.
• 1.0.0, 5/18/2015 - Initial release, Added Bootstrap Sass Official 3.3.3, FontAwesome 4.3.0 and all its dependencies.

Directions

• cd into the directory and run npm install.
• Run gulp and it will pull in all dependencies and compile. (if you get an error run again)
• Run gulp watch to watch and compile the SASS files.

When finished development

• Run grunt clean to uncss, autoprefix, minify and auto-update your HTML files.

Updating configuration

• At Gruntfile.js on lines 22 and 52 you can insert your project files in order to automatically get updated with the minified CSS file.
• At config.rb you can edit the SASS configuration.
• On new HTML files add these lines of code in order to auto-update with gulp command.

<!-- build:css css/style.min.css --> <link rel="stylesheet" href="css/style.css" /> <!-- /build -->

File Tree Explaination

• /resoures - contains the SCSS files.
• /website - contains the website files (images, fonts, js, css, html).

License

GPLv3

Sass Resources

• Learn about SASS.
• Tutorial about SASS.
• Learn about Twitter Bootstrap.

CSS Guidelines

• CSS Guidelines

Recommended SASS compiler

You can use Koala app.

Recommended Text Editor

You can use Brackets.

Check out some awesome Plugins for Brackets text editor.