call($name, $args...) Dynamically calls a function. This can call user-defined functions, built-in functions, or plain CSS
lighten($color, $amount) Makes a color lighter. Takes a color and a number between 0% and 100%
Functions SassScript defines some useful functions that are called using the normal CSS function syntax:
selector_append($selectors...) Return a new selector with all selectors in $selectors appended one another as
Placeholder Selectors: %foo Sass supports a special type of selector called a “placeholder selector”. These look like class and
@each The @each directive usually has the form @each $var in <list or map>. $var
percentage($number) Converts a unitless number to a percentage.
hsla($hue, $saturation, $lightness, $alpha) Creates a Color from hue, saturation, lightness
join($list1, $list2, $separator:auto) Joins together two lists into one. Unless $separator
if($condition, $if-true, $if-false) Returns one of two values, depending on whether or not $condition is true
Page 6 of 12