Font componentAvailable since EcoComposer 2.2
Classical Font example :
This component allows you to use super characters .
We are pretty sure that you will find what you are searching for !
The default values are :
icons : (),
icon--right-margin : .5rem,
suffix : ''
We can implement it that way :
// You must at least provide a list of icons that you want to include
@include font.create(
(icons : ('smiling-face-with-open-mouth', 'winking-face'))
);
// If you put the 'all' value instead, it will load all the icons. Use it only for tests as it is really heavy!
@include font.create(
(icons : ('all'))
);
// If you put a subset name, it will load all the subset. Be sure that you use all these icons to stay ecoresponsible!
@include font.create(
(icons : ('emoticons'))
);
// You can specify a right-margin too.
@include font.create(
(
icons : ('smiling-face-with-open-mouth', 'winking-face'),
icon--right-margin : 0
)
);
We can implement it that way :
<b class="ec-icon ec-smiling-face-with-open-mouth"></b>