Bootstrap-Sass: переопределение переменных с использованием другой переменной

Question

Я использую Bootstrap-sass для одного из моих проектов, и я бы хотел настроить его с помощью переменных Sass (конечно).

Я создал новый .scss-файл с именем «_variables.scss» и импортировал его в мой основной файл .scss перед файлом bootstrap-sass. Он работает нормально, пока не достигнет одной точки:

Если я хочу использовать переменные bootstrap-sass в своей настройке, он, очевидно, утверждает, что переменная неизвестна (поскольку она импортируется позже). Но это неизбежно, если я хочу изменить некоторые переменные в правильном пути, например:

$container-desktop: (940px + $grid-gutter-width); 

Если я хочу изменить только «фиксированный» значение 940px к чему-то, но я хочу еще использовать переменную $grid-gutter-width в моем определении я получаю эту ошибку, которую я объяснил выше.

Любые идеи, как я могу это сделать?

Answer 1

Единственное, что я видел, это объявить переменные, от которых вы зависите. Так, в самозагрузки-Сасса _variables.scss, вы найдете линию $grid-gutter-width: 30px !default; и использовать его в своем собственном файле так:

$grid-gutter-width: 30px; 
$container-desktop: (940px + $grid-gutter-width); 

Как вы себе, это прискорбно просто скопировать информацию, как это, особенно если вы в конечном итоге нужно скопировать несколько определений переменных только для объявления одного, которого вы действительно хотите. Мне тоже было бы очень интересно, если у кого-то есть решение, более суровое.