在哪里定义体型

Question

我遇到这个问题，我似乎无法覆盖Neat Bourbon网站中body元素的背景颜色。

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

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

但是当我检查Chrome Devtools中的元素时，body元素的背景颜色仍被定义为“white”。

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

我的源存储库是available here。

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

希望这会有所帮助。