SASS参考（SASS Reference）
优质
小牛编辑
133浏览
2023-12-01
描述 (Description)
您可以使用SASS参考更改组件的样式。
变量 (Variables)
下表列出了项目设置文件中的SASS变量，该变量使该组件的默认样式得以自定义。
| Sr.No. | 名称和描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 | $progress-height 它代表进度条的高度。 | Number | 1rem |
| 2 | $progress-background 它表示进度条的背景颜色。 | Color | $medium-gray |
| 3 | $progress-margin-bottom 它代表进度条的底部边距。 | Number | $global-margin |
| 4 | $progress-meter-background 它表示进度条的仪表的默认颜色。 | Color | $primary-color |
| 5 | $progress-radius 它表示默认进度条的半径。 | Number | $global-radius |
Mixins
要构建此组件的最终CSS输出，可以使用以下mixins。 要使用Foundation组件构建自己的类结构，可以自己使用mixins。
progress-container
@include progress-container;
它将样式添加到进度条的容器中。
progress-meter
@include progress-meter;
它为进度条的内部仪表添加了样式。
progress-meter-text
@include progress-meter-text;
它在进度条的米中为文本添加样式。