Foundation教程

Foundation 排版助手

在本章中,我们将研究 Typography Helpers。排版助手用于以语义相关的方式格式化文本。 Foundation 中的 Helper 类可让您更快地构建一些排版样式。
下表列出了 Foundation 中使用的 Typography Helpers
排版助手和说明
文本对齐
它有助于改变元素的文本对齐方式,如 leftright居中对齐
Subheader
可以使用 .subheader 类将子标题添加到任何标题元素。
前导段落
与普通文本相比,它的文本块要大得多,可用于广告或其他描述性文本。
非项目符号列表
默认情况下, 是 Foundation 中的项目符号列表。要删除项目符号,您可以使用 .no-bullet 类。
统计
每当您处理仪表板时,您都需要突出显示一些重要数字。您可以通过使用 .stat 类来实现这一点。

Sass 参考

变量

下表列出了项目设置文件中的 SASS 变量,这些变量用于自定义组件的默认样式。
名称和描述 输入 默认值
$lead-font-size
默认引导段落的字体大小。
数字 $global-font-size * 1.25
$lead-lineheight
默认引导段落的行高。
字符串 1.6
$subheader-lineheight
子标题的默认行高。
数字 1.4
$subheader-color
子标题的默认字体颜色。
颜色 $dark-gray
$subheader-font-weight
子标题的默认字体粗细。
字符串 $global-weight-normal
$subheader-margin-top
子标题的默认顶部边距。
数字 0.2rem
$subheader-margin-bottom
子标题的默认底部边距。
数字 0.5rem
$stat-font-size
静态数字的默认字体大小
数字 2.5rem
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4