在本章中,我们将研究排版助手.排版助手用于以语义相关的方式设置文本格式. Foundation中的助手课程让您可以更快地搭建一些排版样式.
下表列出了基金会中使用的排版助手.
Sr.No. | 排版助手&说明 |
---|---|
1 | 文本对齐 它有助于更改元素的文本对齐方式,如 left , right ,中心和证明. |
2 | Subheader 可以使用 .subheader 类将子标题添加到任何标题元素. |
3 | Lead Paragraph 与普通文本相比,它是一个相当大的文本块,可用于广告或其他描述性文本. |
4 | 项目符号清单 默认情况下,< ul> 是Foundation中的项目符号列表.要删除子弹,可以使用 .no-bullet 类. |
5 | 统计数据 每当您处理仪表板时,都需要突出显示一些重要数字.您可以使用 .stat 类来实现此目的. |
Sass参考
变量
下表列出了项目设置文件中的SASS变量,这些变量使组件的默认样式可以自定义./p>
Sr.No. | 姓名&说明 | 输入 | 默认值 |
---|---|---|---|
1 | $ lead-font-size 默认情况下引导段落的字体大小. | Number | $ global-font-size * 1.25 |
2 | $ lead-lineheight 铅段的线高默认情况下. | 字符串 | 1.6 |
3 | $ subheader-lineheight Subheader的默认行高. | Number | 1.4 |
4 | $ subheader-color Subheader的默认字体颜色. | 颜色 | $ dark-grey |
5 | $ subheader-font-weight Subheader的默认字体粗细. | String | $ global-weight-normal |
6 | $ subheader-margin-top Subheader的默认上边距. | 数字 | 0.2rem |
7 | $ subheader-margin-bottom 子标题的默认底部边距. | 数字 | 0.5rem |
8 | $ stat-font-size 静态编号的默认字体大小 | 编号 | 2.5rem |