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;