Show Menu
Cheatography
  1. Home >
  2. Cheat Sheets >

SASS Cheat Sheet (DRAFT) by

SASS Variables and Functions

This is a draft cheat sheet. It is a work in progress and is not finished yet.

Variables

$varia­ble­Name: value
 
 

Data Types

Text "­Tex­t" 'text' or text (no quotes)
Numbers 10 1.0 1px 1em 1rem
Colors red #ff0000, rgba(255, 0, 0, 0.8)
Boolean true false
Null null
Lists 12px 5px 8px OR 12px, 5px, 8px

Functions

Colors
rgb($red, $green, $blue) = $color
rgba($red, $green, $blue, $alpha) = $color
hsl( $hue, $satur­ation, $light­ness) = $color
darken( #original, %) = $color
adjust-hue