Sass
Jump to navigation
Jump to search
Basics
_partial.sass - partial files, for inclusion, will not be compiled
- http://sonspring.com/journal/sass-for-designers
- Using Sass & Compass in Drupal Theming - scribd, slide 40 on for techy
Ruby
Init;
gem install sass mv style.css style.scss sass --watch style.scss:style.css
Sasson config.rb
prefered_syntax = :scss http_path = '/' css_dir = 'styles' sass_dir = 'styles' images_dir = 'images' javascripts_dir = 'scripts' relative_assets = true line_comments = true #output_style = :compressed output_style = :expanded
PHP
Don't forget to add to $PATH (i.e. /var/lib/gems/1.8/bin)
Compass
Guides
Additions
Grids
- https://github.com/nextmat/compass-960-plugin - used in sasson
- http://compass-style.org/reference/blueprint/grid/
- http://theled.co.uk/blog/archive/2010/06/18/semantic-960-gs-using-sass-and-compass/
- http://blog.carbonfive.com/2009/03/02/compass-960-semantics/
- http://coding.smashingmagazine.com/2011/08/23/the-semantic-grid-system-page-layout-for-tomorrow/
- Susy - Responsive grids for Compass.
Vertical rhythm
- http://compass-style.org/reference/compass/typography/vertical_rhythm/ - px based
- https://github.com/pyrsmk/vertical-rhythmic - em based
- https://github.com/OliverJAsh/vertical-rhythm - em based
Zocal
- https://github.com/adamstac/zocial - css3 service buttons
Other
Drupal
- Using SASS with Drupal, December 18, 2011
- http://drupal.org/project/compass
- sasson
- sassy