# Available properties
# Color properties
# Font properties
# How colors are handled
Theme engine handles colors not as you would expect.
Instead of storing them in RGB color model they are actually stored as separate values of HSL color model.
Everytime you call
set-properties with some RGB value, i.e.
#a2e344, theme engine creates 3 separate
CSS properties each containing corresponding HSL values of given RGB color. Whenever you wanna use this color you are actually getting
hsl() function of this properties.
Storing colors as separate values of HSL color model allows to dynamically modify color's lightness.
darken functions only apply transformations on compile time and only on static colors.
# In-built lighten, darken etc.
Because every color is returned as
hsl() function you can't apply usual Sass functions to it, as they only operate over RGB values.
This is why theme engine provides in-built functions to apply these transformations. They only operate over theme colors.
Following functions are available in
- lighten-color($color, $value) - i.e.
- darken-color($color, $value) - i.e.
- alpha-color($color, $value) - i.e.
Note that in
$color parameter you provide string name of the color.