Переопределение переменных Bootstrap-Sass

Question

Я хотел бы переопределить переменные по умолчанию пакета bootstrap-sass.

Мой основной файл дерзость выглядит следующим образом:

@import "../../vendor/bootstrap-sass/assets/stylesheets/_bootstrap.scss"; 
@import "_variables.scss"; 

Мой _variables.scss выглядит следующим образом:

$navbar-default-bg: #fff; 

переменная по умолчанию пакета выглядит следующим образом:

$navbar-default-bg:    #f8f8f8 !default; 

Когда я положил что-то вроде:

.navbar-default {background-color: #fff} 

в моем _variables.scss он будет скомпилирован.

Любые предложения, почему переменные по умолчанию не переопределяются?

Answer 1

Моя ошибка в том, что мне нужно переопределить переменные перед импортом пакета bootstrap-sass.

Так что результат должен выглядеть следующим образом:

@import "_variables.scss"; 
@import "../../vendor/bootstrap-sass/assets/stylesheets/_bootstrap.scss";