Foundation - Referência Sass de Objetos de Mídia

Variáveis

Você pode alterar os estilos dos componentes usando as seguintes variáveis ​​SASS, conforme listado na tabela.

Sr. Não.	Nome e Descrição	Tipo	Valor padrão
1	$mediaobject-margin-bottom Ele define a margem inferior de um objeto de mídia.	Número	$ global-margin
2	$mediaobject-section-padding Ele define o preenchimento esquerdo e direito em um objeto de mídia.	Número	$ global-padding
3	$mediaobject-image-width-stacked Quando o objeto é empilhado verticalmente, as imagens terão uma largura de 100% e manterão a largura natural da imagem configurando-a para 'auto'.	Número	100%

Mixins

Você pode usar os mixins para construir a estrutura de classes CSS para seus componentes de objeto de mídia. Você pode usar os seguintes mixins para construir sua própria estrutura de classe -

media-object-container

Você pode adicionar estilos para objetos de mídia usando o seguinte mixin -

@include media-object-container;

media-object-section

Você pode adicionar estilos para a seção de objeto de mídia usando o seguinte mixin -

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

Ele pode ser definido usando o parâmetro conforme mostrado na tabela abaixo -

Sr. Não.	Parâmetro e Descrição	Tipo	Valor padrão
1	$padding Ele define o preenchimento entre as seções.	Número	$ mediaobject-section-padding

pilha de objetos de mídia

Você pode adicionar estilos para seções de pilha de objeto de mídia usando o seguinte mixin -

@include media-object-stack;