Foundation - 进度条 SASS 参考
描述
您可以使用 SASS 参考更改组件的样式。
变量
下表列出了项目设置文件中的 SASS 变量，这些变量可自定义此组件的默认样式。
| Sr.No. | 名称 &描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 |
$progress-height 表示进度条的高度。 |
数字 | 1rem |
| 2 |
$progress-background 表示进度条的背景颜色。 |
颜色 | $medium-gray |
| 3 |
$progress-margin-bottom 表示进度条的底部边距。 |
Number | $global-margin |
| 4 |
$progress-meter-background 表示进度条仪表的默认颜色。 |
Color | $primary-color |
| 5 |
$progress-radius 表示默认进度条的半径。 |
Number | $global-radius |
混合
要构建此组件的最终 CSS 输出，可以使用以下混合。要使用 Foundation 组件构建自己的类结构，您可以自己使用混合。
progress-container
@include progress-container;
它将样式添加到进度条的容器中。
progress-meter
@include progress-meter;
它为进度条的内部计量表添加了样式。
progress-meter-text
@include progress-meter-text;
它为进度条计量表内的文本添加了样式。
foundation_media.html
