SCSS Boilerplate ========================= SCSS Boilerplate for Rails projects is a generator for creating scss partials within a namespace. Installation ========================= ##### 1. In your Gemfile group :assets do gem 'sass-rails' gem 'coffee-rails' gem 'uglifier' gem 'compass-rails' gem 'compass-h5bp' gem 'scss-boilerplate-rails' end ##### 2. Install your bundle ``` $ bundle install ``` ##### 3. Run the generator ``` $ rails generate scss_boilerplate:install ``` ##### (Here's what it does) create config/compass.rb create app/assets/stylesheets/base.css.scss create app/assets/stylesheets/base create app/assets/stylesheets/base/chromeframe.css.scss create app/assets/stylesheets/base/collections.css.scss create app/assets/stylesheets/base/common.css.scss create app/assets/stylesheets/base/document.css.scss create app/assets/stylesheets/base/footers.css.scss create app/assets/stylesheets/base/forms.css.scss create app/assets/stylesheets/base/headers.css.scss create app/assets/stylesheets/base/helpers.css.scss create app/assets/stylesheets/base/image_replaces.css.scss create app/assets/stylesheets/base/media_queries.css.scss create app/assets/stylesheets/base/typography.css.scss create app/assets/stylesheets/base/variables.css.scss append app/assets/stylesheets/application.css.scss ##### 4. And you're done! rails server Other Generators ========================= ``` $ rails generate scss_boilerplate:namespace posts ``` ##### create app/assets/stylesheets/posts.css.scss create app/assets/stylesheets/posts create app/assets/stylesheets/posts/collections.css.scss create app/assets/stylesheets/posts/common.css.scss create app/assets/stylesheets/posts/containers.css.scss create app/assets/stylesheets/posts/footers.css.scss create app/assets/stylesheets/posts/forms.css.scss create app/assets/stylesheets/posts/headers.css.scss create app/assets/stylesheets/posts/helpers.css.scss create app/assets/stylesheets/posts/image_replaces.css.scss create app/assets/stylesheets/posts/typography.css.scss create app/assets/stylesheets/posts/variables.css.scss append app/assets/stylesheets/application.css.scss