如何在bootstrap sass端口中定义字体大小？

Question

我是Twitter bootstrap sass端口的新手，并且有一些关于字体大小定义的问题。

_variables.scss中的

定义为：

$font-size-base:          14px !default;
[...]
$font-size-h1:            floor(($font-size-base * 2.6)) !default; // ~36px
$font-size-h2:            floor(($font-size-base * 2.15)) !default; // ~30px
$font-size-h3:            ceil(($font-size-base * 1.7)) !default; // ~24px
$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px

我想将基本字体大小更改为16px。这是否意味着如果我想为我的h1保持~36px的字体大小，我必须将乘数（2.6）更改为其他值？从这些不同的定义乘数来自哪里或用其他词来说为什么使用乘数（2.6,2.15,1.7等）。这是最佳做法吗？

对我来说，下一个不明确的定义是：

//** Unit-less `line-height` for use in components like buttons.
$line-height-base:        1.428571429 !default; // 20/14

20/14？我认为14是基本字体大小。但对于什么是20站立？

抱歉我的英语不好，谢谢你的帮助！

Answer 1

如果您将$font-size-base更改为16，则$font-size-h1现在将为41.6（或使用floor后为41）。从评论看来，目标是为每个变量（6px）增加相等的量。对于$line-height-base，20/14是1.428571429，表示为分数。