2013-06-10 3 views
4

У меня есть файл Sass, который делает несколько импорта следующимПерекрытие Sass переменные

@import("variables") 
@import("custom-variables") 
@import("widgets") 
@import("custom-styles") 

Я объявляю переменную $ promoBoxColor, например, в обеих переменных и пользовательских-переменных, а затем виджетов и пользовательские стили ссылок этого переменная.

Я обнаружил, что цвет, определенный в переменных, используется, если я пытаюсь использовать его в пользовательских стилях, а не в цвете, определенном в пользовательских переменных.

Можно ли переопределить переменные таким образом в Sass? Кажется, что это нормально, если я просто переопределяю цвет, используемый в виджетах.

+1

Является ли переменная, которая определена в пользовательских переменных, заданных по умолчанию? то есть. '$ foo: someval! default'? – cimmanon

+0

Именно так, как переменная переопределения работает в SASS (Импорт действительно ведет себя так, как если бы объединить все файлы в один большой файл, см. [Reference] (http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html) Вы уверены, что у вас тоже нет опечатки? Возможно, вы также захотите опубликовать структуру кода вокруг объявлений и использования этой переменной, например, в области селектора. Это может помочь нам помочь вам. –

ответ

3

Спасибо за ответы. Найденный лучший способ сделать это - установить все переменные в файле основных переменных по умолчанию, а затем сначала объявить пользовательские переменные.

Смежные вопросы