Hexa PAGE - Classes - Info

Cet élément est identifié par la propriété data-hx="info".

Dans le code, il est positionné à l'intérieur d'un élément parent.

A l'écran, il survole son élément parent pour fournir une information supplémentaire.

Les classes de positionnement

Les classes suivantes positionnent l'information autour de l'élément parent.

hx-top-left
L'information est positionnée sur l'angle haut/gauche avec un angle de rotation de -45°.
hx-top-right
L'information est positionnée sur l'angle haut/droit avec un angle de rotation de 45°.
hx-bottom-left
L'information est positionnée sur l'angle bas/gauche avec un angle de rotation de 45°.
hx-bottom-right
L'information est positionnée sur l'angle bas/droit avec un angle de rotation de -45°.
hx-top-center
L'information est positionnée en haut au centre.
hx-bottom-center
L'information est positionnée en bas au centre.
hx-left-center
L'information est positionnée à gauche au centre.
hx-right-center
L'information est positionnée à droite au centre.

Par défaut, l'information est présentée en blanc (hx-text-blanc) sur fond bleu "info" (hx-background-info).

Ces couleurs peuvent être modifiées en ajoutant les classes hx-text-... et/ou hx-background-...
Voir Hexa PAGE - Classes - Texte