25. · Good for developers
· Mix-ins just work
· Good for people who hate {, } and ;
— p. e. German keyboard users
· New features come out frequently
· Syntax changes frequently
· More complex syntax
· Annoying “=”
Overview
· Easy to learn
· Better syntax for variables
· Classes used as a mix-in won’t be
rendered (maybe confusing)
· Still complicated CSS syntax with
{, } and ;
· Problems with variables in mix-ins
· No consistent use of cascading
+
–
+
–
28. Compass
· Like Gems for Sass
· http://github.com/chriseppstein/
compass/
· gem install compass
29. Setup for Rails
rails app -m http://compass-style.org/rails/installer
rake rails:template LOCATION=http://compass-style.org/
rails/installer
===================================================
Welcome to the Compass Installer for Ruby on Rails!
===================================================
What CSS Framework do you want to use with Compass? (default: 'blueprint')
blueprint
Where would you like to keep your sass files within your project?
(default: 'app/stylesheets')
Where would you like Compass to store your compiled css files?
(default: 'public/stylesheets/compiled')
public/stylesheets
37. Overview
· Modular structure
· Mix different frameworks
· Uses only code needed (small CSS files)
· Easy to extend as Gem
· No silly formatting classes needed
(e. g. “.two-colums”)
49. Overview
· Every browser fix is close to the normal
definition
· Works with Safari, Firefox and Opera
· Valid CSS
· Only one HTTP request
· No conditional comments needed