invert($color) Returns the inverse (negative) of a color. The red, green, and blue values are inverted, while the opacity
rgba($red, $green, $blue, $alpha) rgba($color, $alpha)
@for The @for directive repeatedly outputs a set of styles. For each repetition, a counter variable is used to adjust
@while The @while directive takes a SassScript expression and repeatedly outputs the nested styles until the statement
adjust_color($color, [$red], [$green], [$blue], [$hue], [$saturation], [$lightness], [$alpha]) Increases or decreases one
@extend There are often cases when designing a page when one class should have all the styles of another class, as well as its
mix($color1, $color2, $weight:50%) Mixes two colors together. Specifically, takes the average of each of the RGB components
@warn The @warn directive prints the value of a SassScript expression to the standard error output stream. It’s useful
zip($lists...) Combines several lists into a single multidimensional list. The nth value of the resulting list is a space
blue($color) Gets the blue component of a color. Calculated from HSL where necessary via
Page 1 of 12