Fundación - 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 | $accordion-background Define el color de fondo predeterminado de un grupo de acordeón. |
Color | $ blanco |
| 2 | $accordion-plusminus Puede agregar iconos de más y menos al lado de cada título de acordeón configurándolo en verdadero. |
Booleano | cierto |
| 3 | $accordion-item-color Muestra el color de texto predeterminado para los elementos de un menú. |
Color | primer plano ($ acordeón-fondo, $ color primario) |
| 4 | $accordion-item-background-hover Color de fondo predeterminado al colocar el cursor sobre los elementos de un menú. |
Color | $ gris claro |
| 5 | $accordion-item-padding Acolchado predeterminado de un elemento de acordeón. |
Número o lista | 1.25rem 1rem |
| 6 | $accordion-content-background Proporciona el color de fondo del contenido de la pestaña. |
Color | $ blanco |
| 7 | $accordion-content-border Proporciona el color del borde del contenido de la pestaña. |
Color | 1px sólido $ gris claro |
| 8 | $accordion-content-color Especifica el color del texto del contenido de la pestaña. |
Color | primer plano ($ acordeón-fondo, $ color primario) |
| 9 | $accordion-content-padding Muestra el relleno para el contenido de la pestaña. |
Número o lista | 1rem |
Mixins
Puede usar los mixins para construir la estructura de clases CSS para sus componentes como se enumera en la tabla.
| No Señor. | Nombre y descripción | Formato |
|---|---|---|
| 1 | accordion-container Incluye los estilos para un recipiente de acordeón. |
@incluir contenedor-acordeón |
| 2 | accordion-title Define el título de un elemento de acordeón. |
@include acordeón-título |
| 3 | accordion-content Proporciona estilos para el contenido de acordeón. |
@incluir contenido de acordeón |