Foundation - Sass 参考
变量
您可以使用表格 − 中列出的以下 SASS 变量更改组件的样式
| Sr.No. | 名称 &描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 |
$accordion-background 它定义手风琴组的默认背景颜色。 |
颜色 | $white |
| 2 |
$accordion-plusminus 您可以通过将其设置为 true 在每个手风琴标题的侧面添加加号和减号图标。 |
boolean | true |
| 3 | $accordion-item-color 显示菜单中项目的默认文本颜色。 |
颜色 | foreground($accordion-background, $primary-color) |
| 4 |
$accordion-item-background-hover 菜单中项目悬停时的默认背景颜色。 |
颜色 | $light-gray |
| 5 |
$accordion-item-padding 折叠项的默认内边距。 |
数字或列表 | 1.25rem 1rem |
| 6 |
$accordion-content-background 提供标签内容的背景颜色。 |
颜色 | $white |
| 7 |
$accordion-content-border 提供标签内容。 |
颜色 | 1px solid $light-gray |
| 8 |
$accordion-content-color 指定标签内容的文本颜色。 |
颜色 | foreground($accordion-background, $primary-color) |
| 9 |
$accordion-content-padding 显示标签内容的填充。 |
数字或列表 | 1rem |
Mixins
您可以使用 mixins 为您的组件构建 CSS 类结构，如表中所列。
| Sr.No. | 名称和描述 | 格式 |
|---|---|---|
| 1 |
accordion-container 它包括手风琴容器的样式。 |
@include accordion-container |
| 2 |
accordion-title 它定义手风琴项目的标题。 |
@include accordion-title |
| 3 |
accordion-content 它为手风琴提供样式内容。 |
@include accordion-content |
foundation_containers.html
