2016-10-07 7 views
1

Мы получили нашу переменную 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;

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

Спасибо, все

+0

Возможный дубликат [можно переопределить Sass переменные после того, как они были импортированы?] (Http://stackoverflow.com/questions/11773583/can-i-override-sass-variables-after-they -have-was-imported) – Hackerman

+0

Я так не думаю: В глобальном я устанавливаю свои переменные, и я использую '! default' в этой точке. Тем не менее, мы собираемся начать создавать различные цветовые схемы, и я бы хотел просто переопределить эти vars вместо новых правил .: 'global.scss: $ primary-color: red! Default;', а затем 'custom.scss: $ первичного цвет: синий;' несмотря на уважая порядок стека, продолжает компиляцию: '$ основных цветов: красные,' –

ответ

0

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

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

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

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

+0

Great ссылка. Благодарю. Перейти к вопросу о проблеме. –