Pragmatic Guide to Sass (For Linda Teigland) by Catlin, Hampton -- Read -- Imperial Library of Trantor

Index

Pragmatic Guide to Sass Table of Contents What Readers Are Saying About Pragmatic Guide to Sass Acknowledgments Welcome!

Who Is This Book For? Nomenclature and Syntax Overview How to Read This Book Getting Help A Few Final Comments

Part 1: Basics

Installing Sass Compiling Sass into CSS Using Sass with Rails Avoiding the Command Line: Using Scout Commenting Selector Scoping Going Further with Advanced Scoping Altering the CSS Output Defining Variables Calculating a Layout Creating Themes with Advanced Colors Importing Building a Font Family Library Resetting CSS

Part 2: Advanced

Keeping It Semantic: @extend Keeping Code Clean with Mixins Taking Mixins Further with Variables Debugging Generating Cross-Browser Rounded Borders Using Cross-Browser Opacity Interpolating Stop Repeating Yourself with @each Determining Conditions with @if Changing Looks with Nested @media

Part 3: Compass

Setting Up for a Compass Project Resetting: Much Easier with Compass Sprucing Up Your Lists Making Lists Horizontal Sticking a Footer to a Window Stopping Overflow with Clearfix Truncating Text Using Ellipses Stretching Elements Jazzing Up Layouts with Columns Spriting

Part 4: Blueprint CSS

Producing More Two-Column Layouts Using Predefined Fancy Fonts Making Beautiful Buttons

Appendix 1: SassScript Function Reference

A1.1 rgb($red, $green, $blue) A1.2 hsl($hue, $saturation, $lightness) A1.3 hsla($hue, $saturation, $lightness, $alpha) A1.4 red($color) A1.5 green($color) A1.6 blue($color) A1.7 hue($color) A1.8 saturation($color) A1.9 lightness($color) A1.10 alpha($*args) A1.11 opacity($color) A1.12 opacify($color, $amount) A1.13 fade-in() A1.14 transparentize($color, $amount) A1.15 fade-out() A1.16 lighten($color, $amount) A1.17 darken($color, $amount) A1.18 saturate($color, $amount) A1.19 desaturate($color, $amount) A1.20 adjust-hue($color, $degrees) A1.21 adjust-color($color, $kwargs) A1.22 scale-color($color, $kwargs) A1.23 change-color($color, $kwargs) A1.24 mix($color1, $color2, $weight = 50 ) A1.25 grayscale($color) A1.26 complement($color) A1.27 invert($color) A1.28 unquote($string) A1.29 quote($string) A1.30 type-of($value) A1.31 unit($number) A1.32 unitless($number) A1.33 comparable($number_1, $number_2) A1.34 percentage($value) A1.35 round($value) A1.36 ceil($value) A1.37 floor($value) A1.38 abs($value) A1.39 length($list) A1.40 nth($list, $n) A1.41 join($list1, $list2, $separator = "auto" ) A1.42 append($list, $val, $separator = "auto" ) A1.43 zip($*lists) A1.44 index($list, $value) A1.45 if($condition, $if_true, $if_false) A1.46 numeric-transformation($value)

Appendix 2: Introduction to Haml

A2.1 Haml Walkthrough: ERB A2.2 Haml Walkthrough: HTML