Question

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

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

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

Answer 1

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

有两个步骤来完成此操作并'全局覆盖$em-base'：

<强> 1。添加新变量。

这可以在使用!global标志导入波本威士忌/整洁后完成。

//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
}

您现在可以使用波旁 em-function 来正确地使用em进行调整。

!! 确保在根元素（HTML）上设置字体大小非常重要，这是定义em的像素大小的元素。

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

Answer 2

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

http://codepen.io/mikehdesign/pen/jPmWza

@import "bourbon";
@import "neat";

$em-base: 16px;

div.container {
  @include outer-container;
  height: 100px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: em(14);
}

改变Bourbon默认的em大小

2 个答案: