Foundation - Referencia de Sass del panel desplegable

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;