Práce s barvami
Všechny tři preprocesory mají funkce pro práce s barvami. Nejčastěji využívané funkce jsou zesvětlování, ztmavování, přidávání průhlednosti. Nejpraktičtější je pracovat s jednou proměnnou, které bude obsahovat vaší základní brand barvu.
Funkce mezi sebou můžete libovolně kombinovat, ale k dosažení požadovaného výsledku většinou stačí bohatě použití jedné.
Použití:
div#block {
color: darken(#d35400, 10%);
}
saturate($color, $amount)
desaturate($color, $amount)
lighten($color, $amount)
darken($color, $amount)
adjust-hue($color, $amount)
opacify($color, $amount)
transparentize($color, $amount)
mix($color1, $color2[, $amount])
grayscale($color)
complement($color)sass
saturate(@color, @amount)
desaturate(@color, @amount)
lighten(@color, @amount)
darken(@color, @amount)
fadein(@color, @amount)
fadeout(@color, @amount)
fade(@color, @amount)
spin(@color, @amount)
mix(@color1, @color2, @weight)
grayscale(@color)
contrast(@color)less
red(color)
green(color)
blue(color)
alpha(color)
dark(color)
light(color)
hue(color)
saturation(color)
lightness(color)stylus