Css 更改波旁威士忌默认em大小

Bourbon.io很棒，与Neat一起使用时效果更好。默认1em大小设置为16px，如何将其更改为14px

// Overwrite the em-base
$em-base: 14px;

---

我知道这是正确的覆盖，但是应该在哪里添加以获得正确的结果？

我认为您可以在调用neat后添加它。看这支笔：

---

发布解决方案以供将来参考

有两个步骤来完成此操作和全局“覆盖

$em base

”：

1。添加新变量。

//Set font-size
html,
body {
 font-size: $em-base; //14px
}

这可以在导入bourbon/neat后使用

完成！全局

标志

//Import Plugins
@import "bourbon"
@import "neat"

//Overwrite $em-base
$em-base: 14px !global;

2。确保使用新的$em base变量覆盖字体大小。

//Set font-size
html,
body {
 font-size: $em-base; //14px
}

现在，您可以使用bourbon em函数使用

em

正确调整大小

确保在根元素上设置字体大小非常重要-（

HTML

），这是定义em像素大小的元素

---

这里有一支笔

如果您这样做，但设置$em base:14px；字号：1em；你期望结果是什么？在我脑子里应该是14px。。。但它不是。。。我劫持了你的笔并把它加在了sass的顶端。。。