Coloring functions
Coloring functions gives you infinite control over your colors, their tones and transparencies.
| function | description | example |
|---|---|---|
| m-adjust-color($colorName, $hue, $saturation, $lightness, $alpha) | adjusts one of the color parameters by a given amount | m-adjust-color("accent", $alpha: 10%) |
| m-change-color($colorName, $hue, $saturation, $lightness, $alpha) | changes one of the color parameters to a given amount | m-change-color("accent", $lightness: -60%) |
| m-darken($colorName, $amount) | darkens the color by a certain percentage | m-darken("accent", 10%) |
| m-lighten($colorName, $amount) | lightens the color by a certain percentage | m-lighten("accent", 10%) |
| m-contrast($colorName, $amount, $ref) | lightens/darkens the color depending on reference color to make contrast (default for $ref is 'main') | m-contrast("main", 5%, "box") |