Bootstrap 5:如何添加一个$font-family-serif变量
Bootstrap 5: How to add a $font-family-serif variable
我通读了 Bootstrap 5 个关于 typography and the files _variables.scss
和 _reboot.scss
的文档。我发现有一个 SASS 变量 $font-family-sans-serif
来设置无衬线文本的字体堆栈,但没有相应的 $font-family-serif
用于衬线文本。
FWIW:它曾经出现在 _variables.scss
的 Bootstrap 3 中,但似乎也从 Bootstrap 4 中消失了。
我是直接在我的 _variables_custom.css
中声明它还是有规范的方法来实现它?
为什么标准 Bootstrap 5 组变量中省略了它?
Bootstrap (以其 SCSS 源格式) 是一个框架 - 如果您愿意的话,它是一个陈述点 - 因此预计您会添加自己的变量和元素 and/or修改已有的。没有 $font-family-serif
因为核心代码不需要它。
至于如何自定义-从https://getbootstrap.com/docs/5.0/customize/sass
开始
为什么省略了? - 重构。删除“dead code”(过时的变量、参数、字段、方法and/orclass')是一种很常见的“代码清理”做法。只是没有使用衬线字体,所以它被删除了。 (即使在 BS3 中也没有被“使用”。它被声明了,但除了定制器之外没有被引用。)
但这就是框架的美妙之处 - 您可以 add/delete/change 自己完成。 :)
我通读了 Bootstrap 5 个关于 typography and the files _variables.scss
和 _reboot.scss
的文档。我发现有一个 SASS 变量 $font-family-sans-serif
来设置无衬线文本的字体堆栈,但没有相应的 $font-family-serif
用于衬线文本。
FWIW:它曾经出现在 _variables.scss
的 Bootstrap 3 中,但似乎也从 Bootstrap 4 中消失了。
我是直接在我的 _variables_custom.css
中声明它还是有规范的方法来实现它?
为什么标准 Bootstrap 5 组变量中省略了它?
Bootstrap (以其 SCSS 源格式) 是一个框架 - 如果您愿意的话,它是一个陈述点 - 因此预计您会添加自己的变量和元素 and/or修改已有的。没有 $font-family-serif
因为核心代码不需要它。
至于如何自定义-从https://getbootstrap.com/docs/5.0/customize/sass
开始为什么省略了? - 重构。删除“dead code”(过时的变量、参数、字段、方法and/orclass')是一种很常见的“代码清理”做法。只是没有使用衬线字体,所以它被删除了。 (即使在 BS3 中也没有被“使用”。它被声明了,但除了定制器之外没有被引用。)
但这就是框架的美妙之处 - 您可以 add/delete/change 自己完成。 :)