基礎 - 呼叫 SASS 參考

變數

您可以使用下表中列出的以下 SASS 變數更改元件的樣式。

序號	名稱和描述	型別	預設值
1	$callout-background 它定義了預設的背景顏色。	顏色	$white
2	$callout-background-fade 它指定了呼叫背景的淡出值。	數字	85%
3	$callout-border 它顯示呼叫的邊框樣式。	列表	1px solid rgba($black, 0.25)
4	$callout-margin 它顯示呼叫的底部邊距。	數字	0 0 1rem 0
5	$callout-padding 它提供呼叫的內部填充。	數字	1rem
6	$callout-font-color 它定義了呼叫的字型顏色。	顏色	$body-font-color
7	$callout-font-color-alt 如果呼叫有深色背景，它定義呼叫的字型顏色。	顏色	$body-background
8	$callout-radius 它定義了呼叫的邊框半徑。	顏色	$global-radius
9	$callout-link-tint 它為彩色面板提供色調連結，可以透過將其設定為 false 來停用。	數字或布林值	30%

您可以使用混合來構建元件的 CSS 類結構，如下所述。

它向呼叫新增樣式，例如填充、邊距，並且可以使用以下混合包含樣式：

@include callout-base

它使用單色作為呼叫的基線指定快速樣式，您可以使用以下混合包含樣式：

@include callout-style($color);

它可以按以下表格中定義的方式指定：

序號	引數和描述	型別	預設值
1	$color 它設定呼叫的背景顏色。	顏色	$callout-background

序號

引數和描述

型別

預設值

$color

它設定呼叫的背景顏色。

顏色

$callout-background

它指定呼叫的樣式，它可以使用以下混合包含樣式：

@include callout($color);

它可以確定如下表所示：

序號	引數和描述	型別	預設值
1	$color 它設定呼叫的背景顏色。	顏色	$callout-background

序號

引數和描述

型別

預設值

$color

它設定呼叫的背景顏色。

顏色

$callout-background

foundation_containers.htm

列印頁面