如何在SASS变量中为fs-*类自定义Bootstrap 5字体大小

Question

如何在sass中更改Bootstrap 5fs-*类？因为在文档中只显示了如何修改h-*类(如h5-font-size(，而没有显示fs-*类。

Answer 1

您可以修改；字体大小"；使用实用程序API的实用程序。将新值与现有$字体大小映射合并。。。

@import "functions";
@import "variables";
@import "utilities";
$font-sizes: (
1: 12rem,
2: 10rem,
3: 7rem,
4: 5rem,
5: 3rem,
6: 2rem,
);
$utilities: map-merge(
$utilities,
(
"font-size": map-merge(
map-get($utilities, "font-size"),
(
values: $font-sizes,
),
),
)
);
@import "bootstrap";

SASS演示

---

相关：使用Bootstrap 5 添加新的实用程序