Foundation-breadcrumbs

財団-ナビゲーションパンくずリスト

説明

ブレッドクラムは、ナビゲーション階層内のサイトの現在の場所を指定します。 Webサイトの多数のページにアクセスするときに役立ちます。 Foundationのブレッドクラムは、_。breadcrumb_のクラスを持つ単純な順序なしリストです。 詳細については、このリンクを確認してください：/foundation/breadcrumbs [chapter]。

SASSリファレンス

変数

表にリストされている次のSASS変数を使用して、コンポーネントのスタイルを変更できます。

Sr.No.	Name & Description	Type	Default Value
1	$breadcrumbs-margin パンくずリストコンテナの周囲にマージンが設定されます。	Number	0 0 $global-margin 0
2	$breadcrumbs-item-font-size パンくずリストのフォントサイズを設定します。	Number	rem-calc(11)
3	$breadcrumbs-item-color パンくずリストの色を設定します。	Color	$primary-color
4	$breadcrumbs-item-color-current 現在のパンくずリストの色を設定します。	Color	$black
5	$breadcrumbs-item-color-disabled パンくずリストのアイテムは無効です。	Number	$medium-gray
6	$breadcrumbs-item-margin パンくずリストのアイテム間のマージンを設定します。	Number	0.75rem
7	$breadcrumbs-item-uppercase パンくずリスト項目を大文字にします。	Boolean	true
8	$breadcrumbs-item-slash パンくずリスト項目の間にスラッシュが含まれます。	Boolean	true

混入します

あなたは、ミックスインを使用して、表に記載されているコンポーネントのCSSクラス構造を構築することができます-

パンくずコンテナ

これには、要素<li> <a>のスタイルが内部に存在するブレッドクラムコンテナのスタイルが含まれます。

@include breadcrumbs-container;