css - 更改 Bourbon 默认 em 大小

Question

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

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

我知道这是正确的覆盖，但应该添加到哪里才能得到正确的结果？

Answer 1

发布解决方案以供将来引用。

有两个步骤来完成这个并全局“覆盖$em-base”:

<强>1。添加新变量。

这可以在使用 !global 标志导入 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-function 来正确调整 em 的大小。

!! 确保在根元素上设置字体大小很重要 - (HTML)，这是定义像素大小的元素他们。

这是一支笔 http://codepen.io/matthewelsom/pen/WQPgQq