- 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
广告