Sass выводит файл по умолчанию даже с измененными переменными

Question

Я пытаюсь изменить некоторые переменные для моей пользовательской версии Bootstrap. Прямо сейчас у меня есть файлы Bootstrap S CSS и мой собственный файл переменных. Мой файл выглядит так:

@import "/path/to/bootstrap";
$blue:    #42a5f5;
$indigo:  #5c6bc0;
more styles here…

Однако, когда я запускаю sass /path/to/custom.scss /path/to/output.css, он по-прежнему выводит файлы Bootstrap по умолчанию, например:

:root {
  --blue: #007bff;
  --indigo: #6610f2;
more styles here…

Почему это происходит?

Answer 1

Согласно Bootstrap 4 :

Переопределения переменных в одном и том же файле Sass могут идти до или после переменных по умолчанию. Однако при переопределении файлов Sass ваши переопределения должны приходить до импорта файлов Sass Bootstrap.

Поскольку вы создаете свои собственные custom.s css файл, он должен выглядеть так:

// Your variable overrides
$blue:    #42a5f5;
$indigo:  #5c6bc0;

// Bootstrap and its default variables
@import "/path/to/bootstrap";