Foundation - Menu SASS Riferimento

Variabili

È possibile modificare gli stili dei componenti utilizzando le seguenti variabili SASS elencate nella tabella.

Sr.No.	Nome e descrizione	genere	Valore predefinito
1	$menu-margin Imposta il margine nel menu.	Numero	0
2	$menu-margin-nested Imposta il margine per il lato sinistro in un menu nidificato.	Numero	1rem
3	$menu-item-padding 0.7rem 1rem	Numero	Imposta la spaziatura interna nel menu.
4	$menu-icon-spacing Imposta lo spazio tra il testo e l'icona nella voce di menu.	Numero	0.25rem
5	$menu-expand-max Include il numero massimo di classi expand-n nel CSS.	Numero	6

È possibile utilizzare i mixin per creare la struttura della classe CSS per i componenti come elencato nella tabella.

Lo stile di base viene creato per il menu.

@include menu-base;

Espandi la voce di menu alla stessa larghezza.

@include menu-expand($count);

Sr.No.	Nome e descrizione	genere	Valore predefinito
1	$count Numero di voci all'interno del menu.	Parola chiave o numero	auto

La direzione del menu è impostata.

@include menu-direction($dir);

Sr.No.	Nome e descrizione	genere	Valore predefinito
1	$dir Imposta la direzione del menu in orizzontale o in verticale.	Parola chiave	orizzontale

Il menu semplice viene creato senza riempimento o stato al passaggio del mouse.

@include menu-simple;

Gli stili sono inclusi per il menu nidificato. Includeremargin-left al menu.

@include menu-nested($padding);

Sr.No.	Nome e descrizione	genere	Valore predefinito
1	$padding Imposta la lunghezza del margine.	Parola chiave o numero	auto

Le icone sono incluse nella voce di menu.

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

Sr.No.	Nome e descrizione	genere	Valore predefinito
1	$position Imposta la posizione per le icone.	Parola chiave	lato
2	$base Per chiamare mixin più volte sullo stesso elemento, impostalo come falso.	Booleano	vero

↰ Previous page