Conditional CSS based on background color variable
less
Solution
There's `contrast` function, e.g.:
li {
color: contrast(@bodyBackground,
lighten(@bodyBackground, 13%),
darken(@bodyBackground, 13%));
}
Problem
Is it possible to set a color based on the lightness/darkness of a less variable? Currently I have the following code: ``` li { color: darken(@bodyBackground, 10%); } ``` This works providing `@bodyBackground` is a light color. However if it was a dark color I'd like to use `lighten(@bodyBackground, 10%)`. Is this possible with LESS?