Foundation - 下拉窗格 Sass 参考
变量
您可以使用表中列出的以下 SASS 变量更改组件的样式。
| Sr.No. | 名称和描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 |
$dropdown-padding 它定义下拉窗格的填充。 |
列表 | 1rem |
| 2 |
$dropdown-border 它定义下拉窗格的边框。 |
列表 | 1px solid $medium-gray |
| 3 |
$dropdown-font-size 显示下拉窗格的字体大小。 |
列表 | 16rem |
| 4 |
$dropdown-width 指定下拉窗格的宽度。 |
数字 | 300px |
| 5 |
$dropdown-radius 确定下拉菜单的边框半径窗格。 |
Number | $global-radius |
| 6 |
$dropdown-sizes 它定义下拉窗格的大小。 |
Map |
tiny: 100px small: 200px large: 400px |
混合
您可以使用混合来为下拉窗格组件构建 CSS 类结构。您可以使用以下混合来包含基本下拉样式 −
@include dropdown-container;
foundation_containers.html
