sass: перезаписать одну переменную другой

У нас есть файл sass переменных, настроенный как

scss\variables\_custom_variables.scss,

Который, конечно, содержит такие вещи, как

$link-color: $00f;

Затем используйте в наших файлах sass, настроенных для навигации, scss\main\_main_nav.scss где у нас есть правила, такие как

a {color: $link-color;}

Теперь у нас есть новая функция, позволяющая настраивать стили, которая включает переменные и все scss\main\, Вместо создания чего-то вроде

scss\main_2\_main_nav.scss до бесконечности

Я хотел бы иметь возможность переопределить $link-color,

Я надеялся, что смогу просто создать scss\new_file\_variables.scss и иметь список переопределений, таких как

$link-color: #36c;

но это не работает, как ожидалось. Что я могу сделать лучше?

Спасибо всем

1 ответ

Вы можете определить свои базовые переменные с флагом по умолчанию: $var1: lightblue !default;

и переопределить их в теме, используя $var1: red;

если ты @import переменные-файлы в правильном порядке, red Переопределение lightblue,

https://webdesign.tutsplus.com/articles/understanding-variable-scope-in-sass--cms-23498

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