基金会 - 排版助手（Typography Helpers）
优质
小牛编辑
128浏览
2023-12-01
在本章中，我们将研究Typography Helpers 。 排版助手用于以语义相关的方式设置文本格式。 Foundation中的助手课程让您可以更快地搭建一些排版样式。
下表列出了在Foundation中使用的Typography Helpers 。
| Sr.No. | 排版助手和描述 |
|---|---|
| 1 | 文字对齐 它有助于更改元素的文本对齐方式， left ， right ， center和justify 。 |
| 2 | Subheader 可以使用.subheader类将.subheader标题添加到任何标题元素。 |
| 3 | 牵头段落 与普通文本相比，它是相当大的文本块，可以用于广告或其他描述性文本。 |
| 4 | 无项目列表 默认情况下， 《ul》是Foundation中的项目符号列表。 要删除项目符号，可以使用.no-bullet类。 |
| 5 | Statistics 无论何时处理仪表板，都需要突出显示一些重要的数字。 您可以使用.stat类来实现此.stat 。 |
Sass参考
变量 (Variables)
下表列出了项目设置文件中的SASS变量，这些变量使组件的默认样式得以自定义。
| Sr.No. | 名称和描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 | $lead-font-size 默认情况下，引导段落的字体大小。 | Number | $ global-font-size * 1.25 |
| 2 | $lead-lineheight 默认情况下，铅段的行高。 | String | 1.6 |
| 3 | $subheader-lineheight Subheader的默认行高。 | Number | 1.4 |
| 4 | $subheader-color Subheader的默认字体颜色。 | Color | $dark-gray |
| 5 | $subheader-font-weight Subheader的默认字体粗细。 | String | $global-weight-normal |
| 6 | $subheader-margin-top Subheader的默认上边距。 | Number | 0.2rem |
| 7 | $subheader-margin-bottom Subheader的默认底部边距。 | Number | 0.5rem |
| 8 | $stat-font-size 静态编号的默认字体大小 | Number | 2.5rem |