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