Fondation - Aides à la typographie
Dans ce chapitre, nous étudierons Typography Helpers. Les aides à la typographie sont utilisées pour formater votre texte de manière sémantiquement pertinente. Les classes d'assistance de Foundation vous permettent de créer plus rapidement certains styles typographiques.
Le tableau suivant répertorie les assistants de typographie , qui sont utilisés dans Foundation.
| N ° Sr. | Aide à la typographie et description |
|---|---|
| 1 | Alignement du texte Cela aide à changer l'alignement du texte de l'élément comme à gauche , à droite , au centre et à justifier . |
| 2 | Sous-titre Des sous-en-têtes peuvent être ajoutés à n'importe quel élément d'en-tête à l'aide de la classe .subheader . |
| 3 | Paragraphe principal C'est un bloc de texte considérablement plus grand par rapport au texte normal, qui peut être utilisé pour la publicité ou tout autre texte descriptif. |
| 4 | Liste sans puces Par défaut, <ul> est une liste à puces dans Foundation. Pour supprimer les puces, vous pouvez utiliser la classe .no-bullet . |
| 5 | Statistiques Chaque fois que vous traitez avec un tableau de bord, vous devez mettre en évidence certains chiffres importants. Vous pouvez y parvenir en utilisant la classe .stat . |
Référence Sass
Variables
Le tableau suivant répertorie les variables SASS dans le fichier de paramètres du projet qui permettent de personnaliser les styles par défaut du composant.
| N ° Sr. | Nom et description | Type | Valeur par défaut |
|---|---|---|---|
| 1 | $lead-font-size Taille de police pour les paragraphes principaux par défaut. |
Nombre | $ global-font-size * 1,25 |
| 2 | $lead-lineheight Hauteur de ligne du paragraphe principal par défaut. |
Chaîne | 1,6 |
| 3 | $subheader-lineheight Hauteur de ligne par défaut du sous-en-tête. |
Nombre | 1,4 |
| 4 | $subheader-color Couleur de police par défaut du sous-en-tête. |
Couleur | $ gris foncé |
| 5 | $subheader-font-weight Épaisseur de police par défaut du sous-en-tête. |
Chaîne | $ global-poids-normal |
| 6 | $subheader-margin-top Marge supérieure par défaut du sous-en-tête. |
Nombre | 0,2rem |
| sept | $subheader-margin-bottom Marge inférieure par défaut du sous-en-tête. |
Nombre | 0,5rem |
| 8 | $stat-font-size Taille de police par défaut du numéro statique |
Nombre | 2,5rem |