Где определить стили кузова

Question

У меня проблема, из-за которой я не могу переопределить цвет фона элемента body на моем сайте Neat Bourbon.

Я определил цвет фона следующим образом в файле _layout.scss:

body {
background: lighten($brokenwhite, 5);
}

но когда я проверяю элемент в Chrome Devtools, цвет фона элемента body по-прежнему определяется как "белый".

Итак, где я могу определить цвет фона элемента body?

Мой исходный репозиторий доступен здесь.

Answer 1

Я думаю что $brokenwhite цвет такой яркий, поэтому компилятор SASS возвращает white в результате.

Например:

$brokenwhite: #eee;

body {
  background: lighten($brokenwhite, 10);
}

Результат будет:

body {
  background: white;
}

Вы можете использовать онлайн-инструмент SassMeister для компиляции приведенного выше примера.

Answer 2

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

body {
background: lighten($brokenwhite, 5%);
}

Просто добавьте "%" после 5. Также убедитесь, что $brokenwhite является определенной переменной.

Возможно, на всякий случай сохраните любой файл sass, в который импортируется этот _layout.scss (хотя он должен делать это автоматически)

Надеюсь это поможет.