Foundation - 媒体对象 Sass 参考

变量

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

序号	名称和描述	类型	默认值
1	$mediaobject-margin-bottom 设置媒体对象的底部边距。	数字	$global-margin
2	$mediaobject-section-padding 定义媒体对象内的左右填充。	数字	$global-padding
3	$mediaobject-image-width-stacked 当对象垂直堆叠时，图像宽度将为 100%，并通过将其设置为“auto”来保持图像的自然宽度。	数字	100%

序号

名称和描述

类型

默认值

$mediaobject-margin-bottom

设置媒体对象的底部边距。

数字

$global-margin

$mediaobject-section-padding

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

数字

$global-padding

$mediaobject-image-width-stacked

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

数字

100%

您可以使用混合宏来构建媒体对象组件的 CSS 类结构。您可以使用以下混合宏来构建您自己的类结构：

您可以使用以下混合宏来添加媒体对象的样式：

@include media-object-container;

您可以使用以下混合宏来添加媒体对象部分的样式：

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

它可以使用以下表格中所示的参数进行定义：

序号	参数和描述	类型	默认值
1	$padding 定义各部分之间的填充。	数字	$mediaobject-section-padding

序号

参数和描述

类型

默认值

$padding

定义各部分之间的填充。

数字

$mediaobject-section-padding

您可以使用以下混合宏来添加媒体对象堆叠部分的样式：

@include media-object-stack;

foundation_containers.htm

打印页面