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
tiny: 100px
small: 200px
large: 400px

ミックスイン

ミックスインを使用して、ドロップダウンペインコンポーネントのCSSクラス構造を構築できます。 次のミックスインを使用して、基本的なドロップダウンのスタイルを含めることができます-

@include dropdown-container;