Foundation-コールアウトSASSリファレンス

変数

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

Sr.No.	Name & Description	Type	Default Value
1	$callout-background デフォルトの背景色を定義します。	Color	$white
2	$callout-background-fade コールアウトの背景のフェード値を指定します。	Number	85%
3	$callout-border 吹き出しの境界線スタイルを表示します。	List	1px solid rgba($black, 0.25)
4	$callout-margin コールアウトの下余白が表示されます。	Number	0 0 1rem 0
5	$callout-padding コールアウトの内部パディングを提供します。	Number	1rem
6	$callout-font-color コールアウトのフォントの色を定義します。	Color	$body-font-color
7	$callout-font-color-alt コールアウトの背景が暗い場合、コールアウトのフォントの色を定義します。	Color	$body-background
8	$callout-radius コールアウトの境界半径を定義します。	Color	$global-radius
9	$callout-link-tint 色付きパネルの色合いリンクを提供し、falseに設定することで無効にできます。	Number or Boolean	30%

ミックスインを使用して、以下で説明するようにコンポーネントのCSSクラス構造を構築できます。

それはパディング、吹き出しなどのスタイルなどのスタイルを追加し、次のミックスインを使用してスタイルを含めることができます

@include callout-base

コールアウトのベースラインとして単色を使用することでクイックスタイルを指定し、次のミックスインを使用してスタイルを含めることができます-

@include callout-style($color);

次の表で定義されているように指定することができます-

Sr.No.

Parameter & Description

Type

Default Value

1

$color

コールアウトの背景色を設定します。

Color

$callout-background

コールアウトのスタイルを指定し、次のミックスインを使用してスタイルを含めることができます-

@include callout($color);

次の表に示すように決定することができます-