Project

sassyseeds

0.01
No commit activity in last 3 years
No release in over 3 years
Sassyseeds is a sass resource for clean white-label applications.
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Dependencies

Runtime

 Project Readme

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