基础 - 调用 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

打印页面