Foundation - Typography Helpers

在本章中,我们将研究排版助手.排版助手用于以语义相关的方式设置文本格式. Foundation中的助手课程让您可以更快地搭建一些排版样式.

下表列出了基金会中使用的排版助手.

Sr.No.排版助手&说明
1文本对齐

它有助于更改元素的文本对齐方式,如 left right 中心证明.

2Subheader

可以使用 .subheader 类将子标题添加到任何标题元素.

3Lead 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的默认行高.

Number1.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