Icônes

Comment utiliser des icônes dans son site ?

Police d’icônes

Le thème s’appuie sur une police d’icônes (font icons). Vous trouverez les icônes disponibles dans le figma du thème.

Utilitaire d’icônes

Vous trouverez les codes des icônes du thème dans themes/osuny-hugo-theme-aaa/assets/sass/_theme/configuration/icons.sass

Pour insérer une icône en sass, utilisez le mixin icon.

Mixin icon

ParamètresDétailExempleValeur par défaut
$icon-namenom de l’icônearrow-right
$pseudo-elementAjoute l’icône en ::before ou ::after cela permet de choisir si l’icône vient avant ou après l’élément visébefore ou afterbefore
$non-breakingAjoute un espace insécable avant le caractère d’icônetrue ou falsefalse
themes/osuny-hugo-theme-aaa/assets/sass/_theme/utils/icons.sass
@mixin icon($icon-name: '', $pseudo-element: before, $non-breaking: false)

Exemple d’usage :

block-agenda
    .top
        a
            @include icon(arrow-right, after, true)