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 |
$dropdown-padding
Define el relleno para el panel desplegable. |
Lista |
1rem |
2 |
$dropdown-border
Define Borde para el panel desplegable. |
Lista |
1 px sólido $ gris medio |
3 |
$dropdown-font-size
Muestra el tamaño de fuente del panel desplegable. |
Lista |
16rem |
4 |
$dropdown-width
Especifica el ancho del panel desplegable. |
Número |
300 px |
5 |
$dropdown-radius
Determina el radio del borde de los paneles desplegables. |
Número |
$ radio-global |
6 |
$dropdown-sizes
Define los tamaños de los paneles desplegables. |
Mapa |
tiny: 100px
small: 200px
large: 400px
|
Mixins
Puede utilizar los mixins para crear la estructura de clases CSS para los componentes del panel desplegable. Puede incluir estilos para el menú desplegable básico utilizando la siguiente combinación:
@include dropdown-container;