Как добавить CSS var () во встроенную функцию стилуса?

Я пробовал это:

:root {
  --primary-color: $black
}

$secondary-color = "lighten(%s, 20%)" % var(--primary-color)

(Взял отсюда: Как использовать переменную Stylus в calc?)

Я не получаю ошибок. Однако $secondary-color не передает никакого цвета.

Как лучше всего это сделать?

Результат такой:

background-color: lighten(var(--primary-color), 20%), поэтому я думаю, что что-то не так хорошо отображается.

Я думаю, вы пропустили ; после $black, поэтому Stylus неправильно его интерпретирует. И черный цвет - не лучшее имя переменной, так как это также цветовой код html (не имеет значения из-за $). Это определено раньше или вы просто хотели black?

— 11.08.2018 23:29

@alex У меня такая же проблема, когда я не могу написать alpha(var(--primary), .6), когда я это делаю, у меня появляются ошибки. Вы когда-нибудь находили решение?

— 11.04.2019 04:23

css stylus

18.07.2018 08:08

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...