Foundation-ラベルSASSリファレンス

説明

SASSリファレンスを使用して、コンポーネントのスタイルを変更できます。

次の表に、このコンポーネントのデフォルトスタイルをカスタマイズできるようにするプロジェクトの設定ファイル内のSASS変数を示します。

Sr.No.	Name & Description	Type	Default Value
1	$label-background ラベルのデフォルトの背景色を表します。	Color	$primary-color
2	$label-color ラベルのデフォルトのテキスト色を表します。	Color	foreground($label-background)
3	$label-font-size ラベルのデフォルトのフォントサイズを表します。	Number	0.8rem
4	$label-padding これは、ラベルのデフォルトの内部パディングを表します。	Number	0.33333rem 0.5rem
5	$label-radius ラベルのデフォルトの半径を表します。	Number	$global-radius

このコンポーネントの最終的なCSS出力を構築するには、次のミックスインを使用できます。 Foundationコンポーネントを使用して独自のクラス構造を構築するには、mixinを自分で使用できます。

@include label;

ラベルの基本スタイルを生成するために使用されます。