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;