Fundación - Referencia de Callout SASS

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	$callout-background Define el color de fondo predeterminado.	Color	$ blanco
2	$callout-background-fade Especifica el valor de desvanecimiento de los fondos de llamadas.	Número	85%
3	$callout-border Muestra el estilo del borde para las llamadas.	Lista	RGB sólido de 1 px ($ negro, 0.25)
4	$callout-margin Muestra el margen inferior de las llamadas.	Número	0 0 1rem 0
5	$callout-padding Proporciona relleno interior de rótulos.	Número	1rem
6	$callout-font-color Define el color de fuente de las llamadas.	Color	$ body-font-color
7	$callout-font-color-alt Define el color de fuente de las llamadas si hay un fondo oscuro para las llamadas.	Color	$ cuerpo-fondo
8	$callout-radius Define el radio del borde de las llamadas.	Color	$ radio-global
9	$callout-link-tint Proporciona enlaces de tinte para paneles de colores y se puede desactivar configurándolo en falso.	Número o booleano	30%

Puede usar los mixins para construir la estructura de clases CSS para sus componentes como se describe a continuación.

Agrega estilos como relleno, margen a una llamada y los estilos se pueden incluir usando la siguiente combinación:

@include callout-base

Especifica estilos rápidos utilizando un solo color como línea de base para la llamada y puede incluir estilos utilizando la siguiente combinación:

@include callout-style($color);

Se puede especificar como se define en la siguiente tabla:

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

Especifica estilos para la llamada y puede incluir estilos usando la siguiente combinación:

@include callout($color);

Se puede determinar como se muestra en la siguiente tabla:

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

↰ Previous page