Guide de style de la bibliothèque Germitec

Version 1.5 - Client-First V2

Docs sur le client d'abord

Typographie

Balises HTML Headings
Les balises HTML définissent les styles d'en-tête par défaut.

Tous les titres H1

Rubrique 1

Tous les titres H2

Rubrique 2

Tous les titres H3

Rubrique 3

Tous les titres H4

Rubrique 4

Toutes les rubriques H5

Rubrique 5

Toutes les rubriques H6

Rubrique 6

Classes de rubriques
Classes de rubriques lorsque le style typographique ne correspond pas à la balise HTML par défaut.

style d'en-tête-h1

Style de l'en-tête-h1

style d'en-tête-h2

Style de l'en-tête-h2

style d'en-tête-h3

Style de l'en-tête-h3

style d'en-tête-h4

Style d'en-tête-h4

style d'en-tête-h5

Style de l'en-tête-h5

style d'en-tête-h6

Style de l'en-tête-h6

Autres balises HTML
Les balises HTML définissent les styles de texte par défaut.

Tous les paragraphes

Tous les liens

Toutes les citations de bloc

Citation en bloc

Toutes les listes non ordonnées

Pas de liste à puces
Pas de liste à puces

Toutes les listes non ordonnées

Pas de liste à puces
Pas de liste à puces

Toutes les listes ordonnées

Pas de liste à puces
Pas de liste à puces
Pas de liste à puces

Tailles de texte
Classes de tailles de texte lorsque la taille de la typographie ne correspond pas à la balise HTML par défaut.

texte-grandeur

taille du texte-moyen

taille du texte-régulière

taille du texte-petit

taille du texte minuscule

Poids du texte
Classes de poids du texte lorsque le poids de la typographie ne correspond pas à la balise HTML par défaut.

poids du texte-xbold

poids du texte-xbold (900)

texte en gras

texte-weight-bold (700)

poids du texte-semibold

poids du texte-semibold (600)

poids du texte-moyen

poids du texte-moyen (500)

poids du texte-normal

poids du texte-normal (400)

poids du texte-léger

poids du texte-léger (300)

Styles de texte
Classes de style de texte lorsque le style typographique ne correspond pas à la balise HTML par défaut.

style-italique

style de texte-barré

style-allcaps

style-nowrap

texte-style-citation

texte-style-lien

style de texte-2 lignes

style de texte-3 lignes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

style de texte-muet

Alignement du texte
Classes d'alignement du texte lorsque l'alignement de la typographie ne correspond pas à la balise HTML par défaut.

alignement du texte sur la gauche

text-align-center

alignement du texte sur la droite

Texte enrichi

texte-riche-texte

Rubrique 1

Rubrique 2

Rubrique 3

Rubrique 4

Rubrique 5

Rubrique 6

Il s'agit d'une citation en bloc

L'élément de texte enrichi vous permet de créer et de mettre en forme des titres, des paragraphes, des guillemets, des images et des vidéos en un seul endroit, au lieu de devoir les ajouter et les mettre en forme individuellement. Il suffit de double-cliquer pour créer facilement du contenu.

Il s'agit d'un lien à l'intérieur d'un texte enrichi