2014-10-09 2 views
2

Я хочу установить переменную, только если она не была установлена.Есть ли эквивалент isset или нулевого оператора коалесценции в SASS?

SO ...

_layout.scss В:

$page-width: 1100px; 

Однако в моем _module.scss файл, я не хочу, чтобы иметь зависимость от _layout.scss

я хотел бы сделать что-то вроде этого:

$page-width = $page-width ?? 960px; 
// If $page-width exists, use it, otherwise set it to a default of 960px; 

Я хотел бы что предпочтительные работы в SASS 3.2. Я нашел решение здесь, в противном случае:

global-variable-exists is triggering errors in Sass

ответ

5

Я считаю, что вы ищете variable defaults и SASS поддерживает их. Переменные по умолчанию позволяют назначать переменные, если они еще не назначены с использованием ! в конце значения.

В вашем случае, вы можете использовать это в _layout.css:

$page-width: 1100px; 

, а затем в _module.scss вы можете

$page-width: 960px !default; 

Это примерно эквивалентно тому assign $page-width to 960px unless $page-width is already defined.

Проверьте документы на default variables.

+0

Удивительный. Мне было интересно, как работает ключевое слово по умолчанию. – Armstrongest

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