Включить и отключить переопределение переменной по умолчанию! Scss

Дан список переменных в SCSS.

Как я могу использовать переменные по умолчанию UNLESS $enable-override установлено в true? И ПОТОМ позволяют новым переменным заменять без необходимости повторного перечисления переменных дважды.

EX нет лучшего способа сделать это: (иметь около 14 переменных).

If  $enable-override == true {
    $var1 : red !default;
    $var2: calcFunction ($var1)!default;
    ....
} @else {
    $var1; // no !default so it cannot be overwritten
    $var2: calcFunction ($var1); // cannot overwrite.
    ....
}

Моя самая большая проблема заключается в том, что каждая переменная все еще должна вычислять новые значения на основе переменной над ней. Но если переменная передается в New, переменная THAT не должна вычисляться, а просто передаваться. Однако переменные, которые вычисляют свое значение на основе переданной переменной, должны вычислять их новое значение.

Это идеальный вариант использования! Default. За исключением того, что иногда я хочу отменить возможность переопределить и принудительно установить значение по умолчанию.

https://jsfiddle.net/acts7/9L6j6eyz/

0 ответов

Другие вопросы по тегам