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