Screencast: Compass & CSS Sprites

Downloads in verschiedenen Formaten:

mp4 m4v webm ogg

Resourcen:

• Compass
• compass-rails
• Normalize.css
• Episode 330: Bourbon

Gemfile

[ruby] group :assets do gem ‘compass-rails’ end [/ruby]

app/assets/stylesheets/application.css.scss

[css] @import “compass”; @import “compass/reset”; @import “layout”; [/css]

app/assets/stylesheets/layout.css.scss

[css] h1 { font-size: 28px; font-weight: bold; margin: 18px 0; }

ul.horizontal { @include horizontal-list; }

@import “icons/*.png”; @include all-icons-sprites;

#nav_bar { // … @include background-image(linear-gradient(#5c5c5c, #111111)); } [/css]

app/views/layouts/application.html.erb

[html]

[/html]