基金会 - 排版助手
在本章中，我们将学习Typography Helpers。排版助手用于以语义相关的方式格式化文本。Foundation 中的辅助类可让您更快地搭建一些排版样式。
下表列出了Foundation 中使用的Typography Helpers 。
| 先生。 | 排版助手和说明 |
|---|---|
| 1 | 文本对齐
它有助于更改元素的文本对齐方式，例如left、right、center和justify。 |
| 2 | 副标题
可以使用.subheader类将子标题添加到任何标题元素。 |
| 3 | 引导段落
与普通文本相比，它是相当大的文本块，可用于广告或其他描述性文本。 |
| 4 | 无项目符号列表
默认情况下，<ul>是 Foundation 中的项目符号列表。要删除项目符号，您可以使用.no-bullet类。 |
| 5 | 统计数据
每当您处理仪表板时，您都需要突出显示一些重要的数字。您可以通过使用.stat类来实现这一点。 |
Sass 参考
变量
下表列出了项目设置文件中的 SASS 变量，这些变量使组件的默认样式得以自定义。
| 先生。 | 名称和描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 |
$lead-字体大小 默认情况下引导段落的字体大小。 |
数字 | $全局字体大小 * 1.25 |
| 2 |
$lead-lineheight 默认情况下引导段落的行高。 |
细绳 | 1.6 |
| 3 |
$subheader-lineheight 副标题的默认行高。 |
数字 | 1.4 |
| 4 |
$subheader-颜色 副标题的默认字体颜色。 |
颜色 | $深灰色 |
| 5 |
$subheader-font-weight 副标题的默认字体粗细。 |
细绳 | $全局权重正常 |
| 6 |
$subheader 边距顶部 副标题的默认上边距。 |
数字 | 0.2雷姆 |
| 7 |
$subheader-margin-bottom 副标题的默认下边距。 |
数字 | 0.5雷姆 |
| 8 |
$stat-字体大小 静态号码默认字体大小 |
数字 | 2.5雷姆 |