Sass参考（Sass Reference）
优质
小牛编辑
127浏览
2023-12-01
变量 (Variables)
您可以使用表中列出的以下SASS变量来更改组件的样式。
| Sr.No. | 名称和描述 | 类型 | 默认值 |
|---|---|---|---|
| 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% |
Mixins
您可以使用mixins为组件构建CSS类结构，如下所述。
callout-base
它为标注添加了填充，边距等样式，并且可以使用以下mixin包含样式 -
@include callout-base
callout-style
它通过使用单一颜色作为标注的基线来指定快速样式，您可以使用以下mixin包含样式 -
@include callout-style($color);
它可以按照下表中的定义指定 -
| Sr.No. | 参数和描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 | $color 它设置标注的背景颜色。 | Color | $callout-background |
callout
它为callout指定样式，它可以包含使用以下mixin的样式 -
@include callout($color);
它可以确定如下表所示 -
| Sr.No. | 参数和描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 | $color 它为标注设置背景颜色。 | Color | $callout-background |