Foundation - Label SASS 参考
描述
您可以使用 SASS 参考更改组件的样式。
变量
下表列出了项目设置文件中的 SASS 变量，这些变量使此组件的默认样式得到自定义。
| Sr.No. | 名称和描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 |
$label-background 表示标签的默认背景颜色。 |
颜色 | $primary-color |
| 2 |
$label-color 表示标签的默认文本颜色。 |
颜色 | foreground($label-background) |
| 3 |
$label-font-size 表示标签的默认字体大小。 |
数字 | 0.8rem |
| 4 |
$label-padding 表示标签的默认内部填充。 |
数字 | 0.33333rem 0.5rem |
| 5 |
$label-radius 表示标签的默认半径。 |
Number | $global-radius |
混合
要构建此组件的最终 CSS 输出，可以使用以下混合。要使用 Foundation 组件构建自己的类结构，您可以自己使用混合。
标签
@include label;
它用于生成标签的基本样式。
foundation_media.html
