在哪里定义body样式

Question

我遇到了这个问题，我似乎无法在整洁的波旁威士忌网站上覆盖身体元素的背景颜色。

我在_layout.scss文件中定义了这样的背景颜色：

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

但是，当我检查Chrome DevTools中的元素时，身体元素的背景颜色仍然定义为"白色"。

那么在哪里可以定义身体元素的背景颜色？

我的源存储库可在此处找到。

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 file this _layout.scss正在导入到以防万一（尽管它应该自动执行此操作）

希望这会有所帮助。