Fundación - Reveal Sass Reference

Variables

Puede cambiar los estilos de los componentes utilizando las variables SASS que se enumeran en la tabla que se muestra a continuación.

No Señor.	Nombre y descripción	Tipo	Valor por defecto
1	$reveal-background Muestra el color de fondo de un modal.	Color	$ blanco
2	$reveal-width Define el ancho del modal.	Número	600 px
3	$reveal-max-width Especifica el ancho máximo de un modal.	Número	$ ancho global
4	$reveal-offset Cuando agregue el modal, se desplazará desde la parte superior de la ventana.	Número	rem-calc (100)
5	$reveal-padding Define el acolchado dentro de un modal.	Número	$ relleno-global
6	$reveal-border Establece el borde de un modal.	Número	1 px sólido $ gris medio
7	$reveal-radius Especifica el radio del modal.	Número	$ radio-global
8	$reveal-zindex La superposición usa el valor del índice z para los modales.	Número	1005
9	$reveal-overlay-background Muestra el color de fondo de las superposiciones modales.	Color	rgba ($ negro, 0.45)

Mixins

Puede usar los mixins para construir la estructura de clases CSS para sus componentes modales de revelación.

revelar superposición

Puede incluir estilos para superposición modal utilizando la siguiente combinación:

@include reveal-overlay($background);

Contiene un parámetro como se especifica en la siguiente tabla:

No Señor.	Descripción de parámetros	Tipo	Valor por defecto
1	$background Muestra el color de fondo de la superposición.	Color	$ revelar-superposición-fondo

revelar-modal-base

Puede agregar estilos base para un modal usando el siguiente mixin:

@include reveal-modal-base;

revelar-modal-ancho

Se usa para crear el ancho de un modal usando la siguiente mezcla:

@include reveal-modal-width($width, $max-width);

Contiene los siguientes parámetros como se especifica en la tabla:

No Señor.	Descripción de parámetros	Tipo	Valor por defecto
1	$width Especifica el ancho del modal.	Número	Ninguna
2	$max-width Especifica el ancho máximo del modal.	Número	$ revelar-ancho-máximo

revelar-modal-pantalla completa

Puede crear modal de pantalla completa de acuerdo con el ancho y la altura de la ventana utilizando la siguiente combinación:

@include reveal-modal-fullscreen;