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

如何更改 Bootstrap 5fs-*上课于sass？因为在文档 https://getbootstrap.com/docs/5.0/utilities/text/#variables仅显示如何修改h-*类如h5-font-size，但不是fs-* class.

您可以使用以下命令修改“font-size”实用程序实用程序 API https://getbootstrap.com/docs/5.0/utilities/api/#modify-utilities。将新值与现有的 $font-sizes 映射合并...

@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演示 https://www.codeply.com/p/BNnGzvQBha

有关的：使用 Bootstrap 5 添加新实用程序 https://stackoverflow.com/questions/65376233/add-new-utilities-with-bootstrap-5/65380422#65380422