SassySeeds

SassySeeds supplies you with Sass utilities and mixins to begin your app's custom framework.

The goal of SassySeeds is give you controlled visual-styling of your core-elements. This is achieved by using a standard module definition for Sass, separating visual and positional styling.

Moar in the wiki →

Installation

Add the Sassyseeds gem to your application

  • Add this line to your application's Gemfile:

    gem 'sassyseeds'

  • Then udpate your bundle:

    $ bundle

  • Or install it yourself $ gem install sassyseeds

Run the SassySeeds rails generator

$ rails g sassyseeds

This will do a few things:

  • Generates Sassyseeds stylesheets into your app/assets/stylsheets/sassyseeds
  • Generates a compass.rb file with a few presets.
  • Adds gem "compass-rails", :group => "assets" to your gemfile.

Update your bundle for Compass

$ bundle install

Modify application.css

  • Rename application.css to application.css.scss

    $ mv app/assets/stylesheets/application.css app/assets/stylesheets/application.css.scss

  • Sass needs to read your files in a specific order. So we'll need to modify application.css.scss. Delete the default rails 'requires', including line *= require_tree

  • Then, import Sassyseeds at the beginning of application.css.scss

    @import "sassyseeds/sassyseeds"

This will load compass and all of the files from app/assets/stylesheets/sassyseeds.

  • Import all of your other sass files below that line.

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request