Fondazione - Riferimento etichetta SASS
Descrizione
È possibile modificare gli stili dei componenti utilizzando SASS Reference.
Variabili
La tabella seguente elenca le variabili SASS nel file delle impostazioni del progetto che rendono gli stili predefiniti di questo componente personalizzabili.
| Sr.No. | Nome e descrizione | genere | Valore predefinito |
|---|---|---|---|
| 1 | $label-background Rappresenta il colore di sfondo predefinito dell'etichetta. |
Colore | $ colore-primario |
| 2 | $label-color Rappresenta il colore del testo predefinito dell'etichetta. |
Colore | primo piano ($ label-background) |
| 3 | $label-font-size Rappresenta la dimensione del carattere predefinita dell'etichetta. |
Numero | 0.8rem |
| 4 | $label-padding Rappresenta il riempimento interno predefinito dell'etichetta. |
Numero | 0,33333rem 0,5rem |
| 5 | $label-radius Rappresenta il raggio predefinito dell'etichetta. |
Numero | $ raggio-globale |
Mixins
Per creare l'output CSS finale di questo componente, è possibile utilizzare i seguenti mixin. Per costruire la tua struttura di classe usando i componenti Foundation, puoi usare tu stesso i mixin.
etichetta
@include label;Viene utilizzato per generare gli stili di base di un'etichetta.