Abstracting CSS for Sustainable UI with Sass and Compass

Explore the benefits of abstracting CSS through an in-depth examination of Sass and Compass in this conference talk. Learn about the advantages of abstracted CSS and witness a live-coding demonstration that guides you through the setup process. Discover how to use Compass Comp, Watch, Gradient, and CSS features, implement hover states and mixins, work with variables and buttons, and leverage multiple CSS classes. Gain insights into creating base buttons, utilizing mixins for box shadows, and understanding Compass's capabilities. Delve into topics such as whitespace management, color by background, and explore resources like the CSS3 Patterns Gallery and Compass Recipes. Enhance your CSS development skills and streamline your workflow with Sass and Compass techniques.

Introduction
Demo
Setting up Compass
Compass Comp
Compass Watch
Compass Gradient
Compass CSS
Hover State
Mixin
Variables
Buttons
Multiple CSS Classes
Base Button
Mixins
Box Shadow
Compass knows
Include
Whitespace
Color by Background
Q A
Compass
CSS3 Patterns Gallery
Sass and Compass
Compass Recipes