Foundation - 排版助手
在本章中，我们将学习排版助手。排版助手用于以语义相关的方式格式化您的文本。Foundation 中的助手类可让您更快地构建一些排版样式。
下表列出了 Foundation 中使用的排版助手。
| Sr.No. | 排版助手 &描述 |
|---|---|
| 1 | 文本对齐
它有助于更改元素的文本对齐方式，如左、右、居中和对齐。 |
| 2 | 子标题
可以使用 .subheader 类将子标题添加到任何标题元素。 |
| 3 | Lead 段落
与普通文本相比，它是相当大的文本块，可用于广告或其他描述性文本。 |
| 4 | 非项目符号列表
默认情况下，<ul> 是 Foundation 中的项目符号列表。要删除项目符号，可以使用 .no-bullet 类。 |
| 5 | 统计数据
每当您处理仪表板时，您都需要突出显示一些重要的数字。您可以使用 .stat 类来实现这一点。 |
Sass 参考
变量
下表列出了项目设置文件中的 SASS 变量，这些变量使组件的默认样式可以自定义。
| Sr.No. | 名称和描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 |
$lead-font-size 默认的引导段落字体大小。 |
数字 | $global-font-size * 1.25 |
| 2 |
$lead-lineheight 默认的引导段落行高。 |
string | 1.6 |
| 3 |
$subheader-lineheight 子标题的默认行高。 |
数字 | 1.4 |
| 4 |
$subheader-color 子标题的默认字体颜色。 |
颜色 | $dark-gray |
| 5 |
$subheader-font-weight 子标题的默认字体粗细。 |
string | $global-weight-normal |
| 6 |
$subheader-margin-top 子标题的默认顶部边距。 |
数字 | 0.2rem |
| 7 |
$subheader-margin-bottom 子标题的默认底部边距。 |
数字 | 0.5rem |
| 8 |
$stat-font-size 静态数字的默认字体大小 |
数字 | 2.5rem |
