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
- Fork it
- Create your feature branch (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Add some feature'
) - Push to the branch (
git push origin my-new-feature
) - Create new Pull Request