Менее контрастные () функции для стилуса - PullRequest
0 голосов
/ 25 декабря 2018

Какая версия Stylus для функции contrast() используется в Less?Мне нужно обеспечить разборчивость, учитывая цвет фона, и должен быть автоматическим, независимо от того, какой цвет задан.

1 Ответ

0 голосов
/ 03 января 2019

AFAIK прямого эквивалента нет.Однако существует множество цветовых функций, таких как смешивание, инвертирование, затемнение и т. Д. Для создания цвета по вашему желанию.

Функция contrast(), принадлежащая стилусу, сообщит вам текущий коэффициент контрастности, который изменяется от 1 до 21(чем выше, тем лучше).Для получения дополнительной информации см. Документация по стилусу .

Что-то вроде этого хорошо работает для меня:

var_backgroundColor = teal
var_fontColor = black
var_fontColorAlternative = darken(complement(var_backgroundColor),15%)

body { color: var_fontColor; background-color: var_backgroundColor }

if contrast(var_fontColor,var_backgroundColor).ratio <= 7 {
  body { color: var_fontColorAlternative }
}
else {
  body { color: var_fontColor }
}
...