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