1. Home
  2. Utiliser Blocs
  3. Design
  4. Guide de référence des sous-classes

Guide de référence des sous-classes

Boutons

Nettoyer le bouton

La classe qui est ajoutée à un bouton lorsque l'option de style du bouton de la barre latérale Clean est appliqué.

Bouton brillant

La classe qui est ajoutée à un bouton lorsque l'option de style du bouton de la barre latérale Brillant est appliqué.

Fil de bouton

La classe qui est ajoutée à un bouton lorsque l'option de style du bouton de la barre latérale fil est appliqué. Les règles de classe clés à modifier pour cette sous-classe sont le style de bordure et la couleur d'arrière-plan.

Bouton rond

La classe qui est ajoutée à un bouton lorsque l'option d'angle du bouton de la barre latérale Rond est appliqué. La règle de classe clé à modifier pour cette sous-classe est border-radius.

Bouton carré

La classe qui est ajoutée à un bouton lorsque l'option d'angle du bouton de la barre latérale Carré est appliqué. La règle de classe de clé à modifier pour cette sous-classe est border-radius.

Bouton de défilement vers le haut

La classe utilisée pour donner le Bouton de défilement vers le haut son aspect visuel. La règle de classe clé à modifier pour cette sous-classe est la couleur d'arrière-plan.

Icône de flèche vers le haut

La classe utilisée pour donner le parchemin vers le haut Icône de flèche son aspect visuel. La règle de classe clé à modifier pour cette sous-classe est la couleur de trait SVG.

La classe avait l'habitude de donner Menus des boutons déroulants leur apparence visuelle. La règle de classe clé à modifier pour cette sous-classe est la couleur d'arrière-plan.

La classe avait l'habitude de donner Liens du menu déroulant du bouton leur apparence visuelle. La règle de classe clé à modifier pour cette sous-classe est la couleur du texte.

Contexte de navigation spécial

La classe avait l'habitude de donner Menus de navigation spéciaux leur apparence visuelle. La règle de classe clé à modifier pour cette sous-classe est la couleur d'arrière-plan.

La classe avait l'habitude de donner Liens du menu de navigation spécial leur apparence visuelle. La règle de classe clé à modifier pour cette sous-classe est la couleur du texte.

Symbole de fermeture de navigation spéciale

La classe utilisée pour donner le Menu de navigation spécial Fermer le symbole son aspect visuel. La règle de classe clé à modifier pour cette sous-classe est la couleur d'arrière-plan.

La classe peut être utilisée pour définir la couleur des liens de la barre de navigation qui apparaissent dans les menus déroulants.

La classe utilisée pour contrôler le image qui se trouve dans le lien du logo trouvé dans la navigation Blocs. Par défaut, l'image du logo a une hauteur maximale définie pour éviter qu'elle ne s'affiche trop grande sur des écrans plus petits, si vous souhaitez avoir un logo plus grand sur des points de rupture spécifiques, utilisez cette sous-classe en combinaison avec une hauteur maximale plus grande.

Texte

Largeur du texte petite

La classe qui est ajoutée à un objet texte lorsque l'option de largeur de texte de la barre latérale Petite est appliqué. La règle de classe clé à modifier pour cette sous-classe est la largeur maximale.

Largeur du texte Moyenne

La classe qui est ajoutée à un objet texte lorsque l'option de largeur de texte de la barre latérale Moyenne est appliqué. La règle de classe clé à modifier pour cette sous-classe est la largeur maximale.

Largeur du texte grande

La classe qui est ajoutée à un objet texte lorsque l'option de largeur de texte de la barre latérale Grande est appliqué. La règle de classe clé à modifier pour cette sous-classe est la largeur maximale.

Images

Image arrondie petite

La classe qui est ajoutée à un objet image lorsque l'option de style d'image de la barre latérale Petit arrondi est appliqué. La règle de classe clé à modifier pour cette sous-classe est le rayon de la bordure.

Image arrondie moyenne

La classe qui est ajoutée à un objet image lorsque l'option de style d'image de la barre latérale Moyen arrondi est appliqué. La règle de classe clé à modifier pour cette sous-classe est le rayon de la bordure.

Image arrondie grande

La classe qui est ajoutée à un objet image lorsque l'option de style d'image de la barre latérale Grand arrondi est appliqué. La règle de classe clé à modifier pour cette sous-classe est le rayon de la bordure.

Cadre d'image petit

La classe qui est ajoutée à un objet image lorsque l'option de style d'image de la barre latérale Cadre petit est appliqué. Les règles de classe clés à modifier pour cette sous-classe sont le rayon de la bordure et la couleur d'arrière-plan.

Cadre d'image moyen

La classe qui est ajoutée à un objet image lorsque l'option de style d'image de la barre latérale Cadre moyen est appliqué. Les règles de classe clés à modifier pour cette sous-classe sont le rayon de la bordure et la couleur d'arrière-plan.

Cadre d'image grand

La classe qui est ajoutée à un objet image lorsque l'option de style d'image de la barre latérale Cadre grand est appliqué. Les règles de classe clés à modifier pour cette sous-classe sont le rayon de la bordure et la couleur d'arrière-plan.

La classe qui donne la norme Blocs Boite à lumière son aspect visuel. Les règles de classe clés à modifier pour cette sous-classe sont le rayon de la bordure et la couleur d'arrière-plan.

La classe qui donne la norme Blocs Flèches de navigation Light Box leur apparence visuelle. La règle de classe clé à modifier pour cette sous-classe est la couleur de trait SVG.

La classe qui donne la norme Blocs Flèche précédente de la navigation dans la boîte à lumière son aspect visuel. La règle de classe clé à modifier pour cette sous-classe est la couleur de trait SVG.

La classe qui donne la norme Blocs Flèche suivante de navigation dans la boîte à lumière son aspect visuel. La règle de classe clé à modifier pour cette sous-classe est la couleur de trait SVG.

La classe qui donne la norme Blocs Icône de fermeture de boîte à lumière son aspect visuel. La règle de classe clé à modifier pour cette sous-classe est la couleur de trait SVG.

La classe qui donne la norme Blocs Texte de la légende de la boîte à lumière son aspect visuel. Les règles de classe clé à modifier pour cette sous-classe sont la couleur et la taille du texte.

La classe qui donne la norme Blocs Flèches de navigation du carrousel leur apparence visuelle. La règle de classe clé à modifier pour cette sous-classe est la couleur de trait SVG.

La classe qui donne la norme Blocs Flèche précédente de navigation dans le carrousel son aspect visuel. La règle de classe clé à modifier pour cette sous-classe est la couleur de trait SVG.

La classe qui donne la norme Blocs carrousel Flèche suivante de navigation son aspect visuel. La règle de classe clé à modifier pour cette sous-classe est la couleur de trait SVG.

La classe qui donne la norme Blocs Indicateurs de glissière de carrousel (petits points au bas d'un carrousel) leur aspect visuel. Les règles de classe clés à modifier pour cette sous-classe sont les couleurs de bordure et d'arrière-plan.

La classe qui donne la norme Blocs Indicateur de glissière active du carrousel son aspect visuel. Les règles de classe clés à modifier pour cette sous-classe sont les couleurs de bordure et d'arrière-plan.

Divers

Corps de l'info-bulle

La classe qui donne la norme Blocs infobulle son aspect visuel. Les règles de classe clés à modifier pour cette sous-classe sont le rayon de la bordure et la couleur d'arrière-plan.

Diviseurs

La classe qui donne la norme Blocs Séparateur Bric son aspect visuel. La règle de classe clé à modifier pour cette sous-classe est la couleur d'arrière-plan.

Pré-chargeur

La classe qui donne la norme Blocs Pré-chargeur écran son aspect visuel. Les règles de classe clé à modifier pour cette sous-classe sont la couleur d'arrière-plan.

Mis à jour le 17 juillet 2023

Cet article a-t-il été utile?

Articles Relatifs