Foundation-tooltip-sass-reference
提供：Dev Guides
Foundation-ツールチップSASSリファレンス
説明
SASSリファレンスを使用して、コンポーネントのスタイルを変更できます。
変数
次の表に、このコンポーネントのデフォルトスタイルをカスタマイズできるようにするプロジェクトの設定ファイル内のSASS変数を示します。
| Sr.No. | Name & Description | Type | Default Value |
|---|---|---|---|
| 1 |
$tooltip-background-color ツールチップのデフォルトの背景色を表します。 |
Color | $black |
| 2 |
$tooltip-color ツールチップのデフォルトのフォント色を表します。 |
Color | $white |
| 3 |
$tooltip-padding ツールチップの背景のデフォルトのパディングを表します。 |
Number | 0.75rem |
| 4 |
$tooltip-font-size ツールチップテキストのデフォルトのフォントサイズを表します。 |
Number | $small-font-size |
| 5 |
$tooltip-pip-width デフォルトのピップ幅を表します。 |
Number | 0.75rem |
| 6 |
$tooltip-pip-height これは、単語からツールチップまでの距離を計算するのに役立つデフォルトのピップの高さを表します。 |
Number | $tooltip-pip-width *0.866 |
| 7 |
デフォルトのpipツールチップのオフセットを表します。 これは、ツールチップの左端からピップがインデントされる距離を示します。 |
Number | 1.25rem |
| 8 |
$tooltip-radius ツールチップのデフォルトの半径を表します。 |
Number | $global-radius |
