目录

基金会 - 排版助手( Typography Helpers)

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

下表列出了在Foundation中使用的Typography Helpers

Sr.No. 排版助手和描述
1 文字对齐

它有助于更​​改元素的文本对齐方式, leftrightcenterjustify

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

默认情况下,铅段的行高。

String1.6
3

$subheader-lineheight

Subheader的默认行高。

Number1.4
4

$subheader-color

Subheader的默认字体颜色。

Color$dark-gray
5

$subheader-font-weight

Subheader的默认字体粗细。

String$global-weight-normal
6

$subheader-margin-top

Subheader的默认上边距。

Number0.2rem
7

$subheader-margin-bottom

Subheader的默认底部边距。

Number0.5rem
8

$stat-font-size

静态编号的默认字体大小

Number2.5rem
↑回到顶部↑
WIKI教程 @2018