- Foundation 常规
- Foundation - 全局样式
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript 工具
- Foundation - 媒体查询
- Foundation - 网格
- Foundation - 弹性网格
- Foundation - 表单
- Foundation - 可见性类
- Foundation - 基本排版
- Foundation - 排版辅助工具
- Foundation - 基本控件
- Foundation - 导航
- Foundation - 容器
- Foundation - 媒体
- Foundation - 插件
- Foundation SASS
- Foundation - Sass 函数
- Foundation - Sass 混合宏
- Foundation 库
- Foundation - Motion UI
- Foundation 有用资源
- Foundation - 快速指南
- Foundation - 有用资源
- Foundation - 讨论
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
广告