icon ~ simplifier l'utilisation des polices d'icônes

Utiliser facilement votre police d'icône dans vos articles

➠ icon : uniformise l'appel des icons. Evite de passer en mode code pour la saisie ➠ DEMO

TODO : mettre bascule pour gestion line-height

author Lomart version v1.0beta license GNU/GPLv3

icon: nom de l'icone
size: taille icone en px, em
color: couleur
color-hover: couleur lors survol icone
style: style inline
class: classe

Cette action n'implante pas de librairie d'icônes. Elle a un rôle d'interface pour faciliter l'utilisation de la bibliothèque implantée sur votre site

Pour utiliser cette action avec le template Helix Ultimate qui utilise Bootstrap 4.0

En effet, Bootstrap 4 ne fournit plus de classes pour les icons. Il faut donc que je reprenne cette action pour m'adapter aux différents cas "à venir"

Exemple simple avec icoMoon et Bootstrap 2.0

1 2 3 4

1 {up icon=plus}
2 {up icon=plus | size=32px}
3 {up icon=plus | size=3rem | color=red | color-hover=orange}
4 {up icon=plus | size=3rem | class=t-rouge t-hover-orange}

La syntaxe est très simple. on indique comme paramètre principal la classe attendue par la librairie d'icône installée.

Il est possible d'indiquer la taille en px, em ou rem. La largeur ainsi que la hauteur de ligne seront adaptées.

Les couleurs peuvent-être indiquées directement (exemple 3) ou par des classes (exemple 4)

Les icomoon présente dans bootstrap 2.0 / Joomla 3.7.5

address

apply

edit

pencil

icon ~ simplifier l'utilisation des polices d'icônes

Pour utiliser cette action avec le template Helix Ultimate qui utilise Bootstrap 4.0

Exemple simple avec icoMoon et Bootstrap 2.0

Les icomoon présente dans bootstrap 2.0 / Joomla 3.7.5

off-canvas