Создание цветовой переменной в SCSS с использованием другой цветовой переменной

Question

Я довольно новичок в SCSS. Но я создаю стартовый инструментарий для себя для всех своих проектов и столкнулся с проблемой. Я не совсем уверен, как искать в Google, поэтому я подумал, что разместил бы здесь.

В принципе, у меня есть цветовая переменная, называемая $ main-color, например. Я хочу, чтобы затем настроить переменные, что наши оттенки этого основного цвета.

У меня есть следующее, но это ошибка.

$70-main: lighten($main-color, 30%); 

Я надеялся, что это уменьшит мой основной цвет на 30%.

Может ли кто-нибудь, имеющий больше знаний о SCSS, чем я, предоставить решение для этого.

Благодаря

Da

Answer 1

Это почти правильно. Переменные не могут начинаться с цифр:

$main-70: lighten($main-color,30%);