Styleguide

Lien

Ajouté à la version :

Changelog:

  • 0.0.1: Ajout du composant

Lien par défaut

Ajouter la classe .link aux éléments <a>.

<a href="#" class="link">Partager</a>

Lien avec icône

Ajouter un composant d'icône .icon.icon-xxx dans l'élément .link.

Il est possible d'ajouter des marges en fonction de la position de l'icône :

  • .icon.icon-xxx.icon--mRight : marge à droite
  • .icon.icon-xxx.icon--mleft : marge à gauche
<a href="#" class="link"><span class="icon icon--share icon--mRight"></span>Partager</a>

Lien désactivé

Ajouter la classe d'état .is-disabled à l'élément ayant la classe .link pour désactiver le composant.

<a href="#" class="link is-disabled">Partager</a>

Lien sur fond gris

Ajouter la classe de modification .link--light à l'élément ayant la classe .link afin de modifier son style.

<div class="u-bkgClr0lightestAlternate u-paM">
  <a href="#" class="link link--light">Partager</a>
</div>