📅 最后修改于: 2020-10-25 05:55:49 🧑 作者: Mango
在本章中，我们将研究有关印刷术助手。印刷帮手用于以语义相关的方式来格式化文本。 Foundation中的帮助器类使您可以更快地构建一些印刷样式。
下表列出了Foundation中使用的Typography Helpers 。
| Sr.No. | Typography helper & Description |
|---|---|
| 1 | Text Alignment
It helps in changing the element’s text alignment like left, right, center and justify. |
| 2 | Subheader
Subheaders can be added to any header element by using the .subheader class. |
| 3 | Lead Paragraph
It is considerably larger block of text compared to the normal text, which can be used for advertisement or other descriptive text. |
| 4 | Un-bulleted List
By default, the |
| 5 | Statistics
Whenever you are dealing with dashboard, you need to highlight some important numbers. You can achieve this by using .stat class. |
下表列出了项目设置文件中的SASS变量，这些变量使组件的默认样式可以自定义。
| Sr.No. | Name & Description | Type | Default Value |
|---|---|---|---|
| 1 | $lead-font-size
Font size for lead paragraphs by default. |
Number | $global-font-size * 1.25 |
| 2 | $lead-lineheight
Line height for lead paragraph by default. |
String | 1.6 |
| 3 | $subheader-lineheight
Subheader’s default line height. |
Number | 1.4 |
| 4 | $subheader-color
Subheader’s default font color. |
Color | $dark-gray |
| 5 | $subheader-font-weight
Subheader’s default font weight. |
String | $global-weight-normal |
| 6 | $subheader-margin-top
Subheader’s default top margin. |
Number | 0.2rem |
| 7 | $subheader-margin-bottom
Subheader’s default bottom margin. |
Number | 0.5rem |
| 8 | $stat-font-size
Static number’s default font size |
Number | 2.5rem |