財団-Sassリファレンス

変数

あなたは、表に記載されている次のSASS変数を使用して、コンポーネントのスタイルを変更することができます-

Sr.No.	Name & Description	Type	Default Value
1	$accordion-background アコーディオングループのデフォルトの背景色を定義します。	Color	$white
2	$accordion-plusminus trueに設定すると、各アコーディオンタイトルの横にプラスアイコンとマイナスアイコンを追加できます。	Boolean	true
3	$accordion-item-color メニューのアイテムのデフォルトのテキスト色を表示します。	Color	foreground($accordion-background, $primary-color)
4	$accordion-item-background-hover メニュー内のアイテムのホバー時のデフォルトの背景色。	Color	$light-gray
5	$accordion-item-padding アコーディオンアイテムのデフォルトのパディング。	Number or List	1.25rem 1rem
6	$accordion-content-background タブコンテンツの背景色を提供します。	Color	$white
7	$accordion-content-border タブコンテンツの境界線の色を提供します。	Color	1px solid $light-gray
8	$accordion-content-color タブコンテンツのテキストの色を指定します。	Color	foreground($accordion-background, $primary-color)
9	$accordion-content-padding タブコンテンツのパディングを表示します。	Number or List	1rem

ミックスインを使用して、表にリストされているコンポーネントのCSSクラス構造を構築できます。

Sr.No.

Name & Description

Format

1

accordion-container

アコーディオンコンテナのスタイルが含まれています。

@include accordion-container

2

accordion-title

アコーディオンアイテムのタイトルを定義します。

@include accordion-title

3

accordion-content

アコーディオンコンテンツのスタイルを提供します。

@include accordion-content