更改波旁威士忌默认的全角尺寸

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 基变量来覆盖字体大小。

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

您现在可以使用波旁威士忌 em 函数通过 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);
}