Foundation - Media Objects Sass Reference

Variables

Puede cambiar los estilos de los componentes utilizando las siguientes variables SASS que se enumeran en la tabla.

No Señor. Nombre y descripción Tipo Valor por defecto
1

$mediaobject-margin-bottom

Establece el margen inferior de un objeto multimedia.

Número $ margen-global
2

$mediaobject-section-padding

Define el relleno izquierdo y derecho dentro de un objeto multimedia.

Número $ relleno-global
3

$mediaobject-image-width-stacked

Cuando el objeto se apila verticalmente, las imágenes obtendrán un ancho del 100% y mantendrán el ancho natural de la imagen al configurarlo en "automático".

Número 100%

Mixins

Puede usar los mixins para construir la estructura de clases CSS para sus componentes de objetos multimedia. Puede usar los siguientes mixins para construir su propia estructura de clases:

contenedor de objetos multimedia

Puede agregar estilos para el objeto multimedia utilizando la siguiente combinación:

@include media-object-container;

sección-objeto-multimedia

Puede agregar estilos para la sección de objetos multimedia utilizando la siguiente combinación:

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

Se puede definir utilizando el parámetro como se muestra en la tabla que se muestra a continuación:

No Señor. Descripción de parámetros Tipo Valor por defecto
1

$padding

Define el acolchado entre secciones.

Número $ mediaobject-section-padding

pila de objetos multimedia

Puede agregar estilos para las secciones de pila del objeto multimedia utilizando la siguiente combinación:

@include media-object-stack;