Fondazione - Aiutanti di tipografia
In questo capitolo, studieremo su Typography Helpers. Gli helper tipografici vengono utilizzati per formattare il testo in modi semanticamente rilevanti. Le classi di supporto in Foundation ti consentono di impalcare alcuni stili tipografici più rapidamente.
La tabella seguente elenca gli helper tipografici utilizzati in Foundation.
| Sr.No. | Aiuto e descrizione della tipografia |
|---|---|
| 1 | Allineamento del testo Aiuta a modificare l'allineamento del testo dell'elemento come sinistra , destra , centro e giustificazione . |
| 2 | Sottotitolo I sottotitoli possono essere aggiunti a qualsiasi elemento di intestazione utilizzando la classe .subheader . |
| 3 | Paragrafo principale È un blocco di testo notevolmente più grande rispetto al testo normale, che può essere utilizzato per pubblicità o altro testo descrittivo. |
| 4 | Elenco non puntato Per impostazione predefinita, <ul> è un elenco puntato in Foundation. Per rimuovere i punti elenco, puoi utilizzare la classe .no-bullet . |
| 5 | Statistiche Ogni volta che hai a che fare con il dashboard, devi evidenziare alcuni numeri importanti. Puoi ottenere questo risultato usando .stat class. |
Riferimento Sass
Variabili
La tabella seguente elenca le variabili SASS nel file delle impostazioni del progetto che rendono personalizzati gli stili predefiniti del componente.
| Sr.No. | Nome e descrizione | genere | Valore predefinito |
|---|---|---|---|
| 1 | $lead-font-size Dimensione del carattere per i paragrafi principali per impostazione predefinita. |
Numero | $ global-font-size * 1.25 |
| 2 | $lead-lineheight Altezza della riga per il paragrafo iniziale per impostazione predefinita. |
Corda | 1.6 |
| 3 | $subheader-lineheight Altezza della riga predefinita del sottotitolo. |
Numero | 1.4 |
| 4 | $subheader-color Colore del carattere predefinito del sottotitolo. |
Colore | $ grigio scuro |
| 5 | $subheader-font-weight Spessore del carattere predefinito del sottotitolo. |
Corda | $ peso-globale-normale |
| 6 | $subheader-margin-top Margine superiore predefinito del sottotitolo. |
Numero | 0.2rem |
| 7 | $subheader-margin-bottom Margine inferiore predefinito del sottotitolo. |
Numero | 0.5rem |
| 8 | $stat-font-size Dimensione carattere predefinita del numero statico |
Numero | 2.5rem |