Sass参考（Sass Reference）
优质
小牛编辑
128浏览
2023-12-01
变量 (Variables)
您可以使用表中列出的以下SASS变量来更改组件的样式 -
| Sr.No. | 名称和描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 | $accordion-background 它定义了手风琴组的默认背景颜色。 | Color | $white |
| 2 | $accordion-plusminus 您可以通过将其设置为true来将加号和减号图标添加到每个手风琴标题的侧面。 | Boolean | true |
| 3 | $accordion-item-color 它显示菜单中项目的默认文本颜色。 | Color | foreground($accordion-background, $primary-color) |
| 4 | $accordion-item-background-hover 悬停在菜单中的项目时的默认背景颜色。 | Color | $light-gray |
| 5 | $accordion-item-padding 手风琴项目的默认填充。 | Number or List | 1.25rem 1rem |
| 6 | $accordion-content-background 提供选项卡内容的背景颜色。 | Color | $white |
| 7 | $accordion-content-border 提供选项卡内容的边框颜色。 | Color | 1px solid $light-gray |
| 8 | $accordion-content-color 它指定选项卡内容的文本颜色。 | Color | foreground($accordion-background, $primary-color) |
| 9 | $accordion-content-padding 显示选项卡内容的填充。 | Number or List | 1rem |
Mixins
您可以使用mixins为表中列出的组件构建CSS类结构。
| Sr.No. | 名称和描述 | 格式 |
|---|---|---|
| 1 | accordion-container 它包括手风琴容器的样式。 | @include accordion-container |
| 2 | accordion-title 它定义了手风琴项目的标题。 | @include手风琴 - 标题 |
| 3 | accordion-content 它为手风琴内容提供样式。 | @include accordion-content |