Foundation-drpdwn-sass-reference
提供:Dev Guides
Foundation-ドロップダウンペインSassリファレンス
変数
表にリストされている次のSASS変数を使用して、コンポーネントのスタイルを変更できます。
| Sr.No. | Name & Description | Type | Default Value |
|---|---|---|---|
| 1 |
$dropdown-padding ドロップダウンペインのパディングを定義します。 |
List | 1rem |
| 2 |
$dropdown-border ドロップダウンペインの境界線を定義します。 |
List | 1px solid $medium-gray |
| 3 |
$dropdown-font-size ドロップダウンペインのフォントサイズが表示されます。 |
List | 16rem |
| 4 |
$dropdown-width ドロップダウンペインの幅を指定します。 |
Number | 300px |
| 5 |
$dropdown-radius ドロップダウンペインの境界線の半径を決定します。 |
Number | $global-radius |
| 6 |
$dropdown-sizes ドロップダウンペインのサイズを定義します。 |
Map |
|
ミックスイン
ミックスインを使用して、ドロップダウンペインコンポーネントのCSSクラス構造を構築できます。 次のミックスインを使用して、基本的なドロップダウンのスタイルを含めることができます-
@include dropdown-container;