Home Page Icon
Home Page
Table of Contents for
rgb($red, $green, $blue)
Close
rgb($red, $green, $blue)
by Michael Lintorn Catlin, Hampton Catlin
Pragmatic Guide to Sass
Pragmatic Guide to Sass
Copyright
For the Best Reading Experience...
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
rgb($red, $green, $blue)
hsl($hue, $saturation, $lightness)
hsla($hue, $saturation, $lightness, $alpha)
red($color)
green($color)
blue($color)
hue($color)
saturation($color)
lightness($color)
alpha($*args)
opacity($color)
opacify($color, $amount)
fade-in()
transparentize($color, $amount)
fade-out()
lighten($color, $amount)
darken($color, $amount)
saturate($color, $amount)
desaturate($color, $amount)
adjust-hue($color, $degrees)
adjust-color($color, $kwargs)
scale-color($color, $kwargs)
change-color($color, $kwargs)
mix($color1, $color2, $weight = 50 )
grayscale($color)
complement($color)
invert($color)
unquote($string)
quote($string)
type-of($value)
unit($number)
unitless($number)
comparable($number_1, $number_2)
percentage($value)
round($value)
ceil($value)
floor($value)
abs($value)
length($list)
nth($list, $n)
join($list1, $list2, $separator = "auto" )
append($list, $val, $separator = "auto" )
zip($*lists)
index($list, $value)
if($condition, $if_true, $if_false)
numeric-transformation($value)
Appendix 2: Introduction to Haml
Haml Walkthrough: ERB
Haml Walkthrough: HTML
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
Appendix 1: SassScript Function Reference
Next
Next Chapter
hsl($hue, $saturation, $lightness)
rgb($red, $green, $blue)
Creates a {Color} object from red, green, and blue values.
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset