- 基础通用
- 基础 - 全局样式
- 基础 - Sass
- 基础 - JavaScript
- 基础 - JavaScript 工具
- 基础 - 媒体查询
- 基础 - 网格
- 基础 - Flex 网格
- 基础 - 表单
- 基础 - 可见性类
- 基础 - 基本排版
- 基础 - 排版辅助类
- 基础 - 基本控件
- 基础 - 导航
- 基础 - 容器
- 基础 - 媒体
- 基础 - 插件
- 基础 SASS
- 基础 - Sass 函数
- 基础 - Sass 混合
- 基础库
- 基础 - Motion UI
基础 - Label SASS 参考
描述
您可以使用 SASS 参考来更改组件的样式。
变量
下表列出了项目设置文件中的 SASS 变量,这些变量使该组件的默认样式可以自定义。
| 序号 | 名称及描述 | 类型 | 默认值 |
|---|---|---|---|
| 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 它表示标签的默认圆角。 |
数字 | $global-radius |
混合
要构建此组件的最终 CSS 输出,可以使用以下混合。要使用 Foundation 组件构建您自己的类结构,您可以自己使用这些混合。
label
@include label;
用于生成标签的基本样式。
foundation_media.htm
广告