Sass参考（Sass Reference）

优质

小牛编辑

130浏览

2023-12-01

变量 (Variables)

您可以使用表中列出的以下SASS变量来更改组件的样式。

Sr.No.	名称和描述	类型	默认值
1	$mediaobject-margin-bottom 它设置媒体对象的下边距。	Number	$global-margin
2	$mediaobject-section-padding 它定义媒体对象中的左右填充。	Number	$global-padding
3	$mediaobject-image-width-stacked 当对象垂直堆叠时，图像将获得100％的宽度，并通过将其设置为“自动”来保持图像的自然宽度。	Number	100%

Sr.No.

名称和描述

类型

默认值

$mediaobject-margin-bottom

它设置媒体对象的下边距。

Number

$global-margin

$mediaobject-section-padding

它定义媒体对象中的左右填充。

Number

$global-padding

$mediaobject-image-width-stacked

当对象垂直堆叠时，图像将获得100％的宽度，并通过将其设置为“自动”来保持图像的自然宽度。

Number

100%

您可以使用mixins为媒体对象组件构建CSS类结构。您可以使用以下mixins来构建自己的类结构 -

您可以使用以下mixin为媒体对象添加样式 -

@include media-object-container;

您可以使用以下mixin为媒体对象部分添加样式 -

@include media-object-section($padding);

它可以使用下面给出的参数定义 -

Sr.No.	参数和描述	类型	默认值
1	$padding 它定义了部分之间的填充。	Number	$mediaobject-section-padding

Sr.No.

参数和描述

类型

默认值

$padding

它定义了部分之间的填充。

Number

$mediaobject-section-padding

您可以使用以下mixin为媒体对象的堆栈部分添加样式 -

@include media-object-stack;