Foundation - 媒体对象 Sass 参考
变量
您可以使用表中列出的以下 SASS 变量更改组件的样式。
| Sr.No. | 名称和描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 |
$mediaobject-margin-bottom 它设置媒体对象的底部边距。 |
数字 | $global-margin |
| 2 |
$mediaobject-section-padding 它定义媒体对象内的左右填充。 |
数字 | $global-padding |
| 3 |
$mediaobject-image-width-stacked 当对象垂直堆叠时，图像将获得 100% 的宽度，并通过将其设置为"自动"来保持图像的自然宽度。 |
Number | 100% |
混合
您可以使用混合来为媒体对象组件构建 CSS 类结构。您可以使用以下 mixin 来构建自己的类结构 −
media-object-container
您可以使用以下 mixin 为媒体对象添加样式 −
@include media-object-container;
media-object-section
您可以使用以下 mixin 为媒体对象部分添加样式 −
@include media-object-section($padding);
可以使用下表所示的参数进行定义 −
| Sr.No. | 参数 &描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 |
$padding 它定义部分之间的填充。 |
数字 | $mediaobject-section-padding |
media-object-stack
您可以使用以下混合为媒体对象的堆栈部分添加样式 −
@include media-object-stack;
foundation_containers.html
