Fundación - Menú 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	$menu-margin Establece el margen en el menú.	Número	0
2	$menu-margin-nested Establece el margen para el lado izquierdo en un menú anidado.	Número	1rem
3	$menu-item-padding 0.7rem 1rem	Número	Establece el relleno en el menú.
4	$menu-icon-spacing Establece el espacio entre el texto y el icono en el elemento del menú.	Número	0.25rem
5	$menu-expand-max Incluye el número máximo de clases expand-n en CSS.	Número	6

Puede usar los mixins para construir la estructura de clases CSS para sus componentes como se enumera en la tabla.

El estilo base se crea para el menú.

@include menu-base;

Expanda el elemento del menú con el mismo ancho.

@include menu-expand($count);

No Señor.	Nombre y descripción	Tipo	Valor por defecto
1	$count Número de elementos dentro del menú.	Palabra clave o número	auto

Se establece la dirección del menú.

@include menu-direction($dir);

No Señor.	Nombre y descripción	Tipo	Valor por defecto
1	$dir Establece la dirección del menú horizontal o verticalmente.	Palabra clave	horizontal

Se crea un menú simple sin relleno ni estado de desplazamiento.

@include menu-simple;

Se incluyen estilos para el menú anidado. Incluirmargin-left al menú.

@include menu-nested($padding);

No Señor.	Nombre y descripción	Tipo	Valor por defecto
1	$padding Establece la longitud del margen.	Palabra clave o número	auto

Los iconos se incluyen en el elemento del menú.

@include menu-icons($position, $base);

No Señor.	Nombre y descripción	Tipo	Valor por defecto
1	$position Establecer la posición de los iconos.	Palabra clave	lado
2	$base Para llamar a mixin varias veces en el mismo elemento, configúrelo como falso.	Booleano	cierto

↰ Previous page