Styleguide

Icones

Ajouté à la version :
Mises à jour :

Changelog:

  • 0.1.0: Ajout des icones circleAlert, circleCheck, circleClose, circleInProgress, circleInfos, circlePause, clock, code, comment, desktop, dmp, downAlt, extend, fatArrowTop, import, layoutBlocks, layoutList, menu, mobile, settings, tablet, world
  • 0.0.1: Ajout du composant

Icones disponibles :

<span class="icon icon--add"></span>
<span class="icon icon--audience"></span>
<span class="icon icon--camp"></span>
<span class="icon icon--circleAlert"></span>
<span class="icon icon--circleCheck"></span>
<span class="icon icon--circleClose"></span>
<span class="icon icon--circleInProgress"></span>
<span class="icon icon--circleInfos"></span>
<span class="icon icon--circlePause"></span>
<span class="icon icon--clock"></span>
<span class="icon icon--close"></span>
<span class="icon icon--code"></span>
<span class="icon icon--comment"></span>
<span class="icon icon--content"></span>
<span class="icon icon--data"></span>
<span class="icon icon--desktop"></span>
<span class="icon icon--disconnect"></span>
<span class="icon icon--dmp"></span>
<span class="icon icon--down"></span>
<span class="icon icon--downAlt"></span>
<span class="icon icon--duplicate"></span>
<span class="icon icon--extend"></span>
<span class="icon icon--fatArrowTop"></span>
<span class="icon icon--folder"></span>
<span class="icon icon--home"></span>
<span class="icon icon--import"></span>
<span class="icon icon--journey"></span>
<span class="icon icon--layoutBlocks"></span>
<span class="icon icon--layoutList"></span>
<span class="icon icon--menu"></span>
<span class="icon icon--mobile"></span>
<span class="icon icon--next"></span>
<span class="icon icon--notif"></span>
<span class="icon icon--prev"></span>
<span class="icon icon--report"></span>
<span class="icon icon--search"></span>
<span class="icon icon--settings"></span>
<span class="icon icon--share"></span>
<span class="icon icon--tablet"></span>
<span class="icon icon--trash"></span>
<span class="icon icon--up"></span>
<span class="icon icon--world"></span>

Modifiers :

La classe .icon--mLeft permet d'ajouter une marge à gauche d'une icône.

<span class="icon icon--add icon--mLeft"></span>
<span class="icon icon--trash icon--mLeft"></span>

La classe .icon--mRight permet d'ajouter une marge à droite d'une icône.

<span class="icon icon--add icon--mRight"></span>
<span class="icon icon--trash icon--mRight"></span>