Foundation - 下拉面板 Sass 参考



变量

您可以使用下表中列出的以下 Sass 变量来更改组件的样式。

序号 名称和描述 类型 默认值
1

$dropdown-padding

定义下拉面板的内边距。

列表 1rem
2

$dropdown-border

定义下拉面板的边框。

列表 1px solid $medium-gray
3

$dropdown-font-size

显示下拉面板的字体大小。

列表 16rem
4

$dropdown-width

指定下拉面板的宽度。

数字 300px
5

$dropdown-radius

确定下拉面板的边框半径。

数字 $global-radius
6

$dropdown-sizes

定义下拉面板的大小。

映射
tiny: 100px
small: 200px
large: 400px

混合宏

您可以使用混合宏来构建下拉面板组件的 CSS 类结构。您可以使用以下混合宏来包含基本下拉菜单的样式:

@include dropdown-container;
foundation_containers.htm
广告