.u-tag-wicon
scss
.u-tag-wicon {
@include modifier('location') {
&::before {
content: '\E008'; //icon-location-alt
}
}
@include modifier('group') {
&::before {
content: '\E001'; //icon-ability
}
}
@include modifier('campaign') {
&::before {
content: '\E009'; //icon-megaphone
}
}
}
Esta clase antepone un icono en el contenido del div, fue hecho para ser usado en la
lista de canales de la app.
- Iconos Disponibles:
- location
- group
- campaign
Example
html
<div class="u-tag-wicon--location" style="background-color: #e0e0e0; padding: 8px;margin-bottom: 4px;">
example text
</div>
<div class="u-tag-wicon--group" style="background-color: #e0e0e0; padding: 8px;margin-bottom: 4px;"></div>
<div class="u-tag-wicon--campaign" style="background-color: #e0e0e0; padding: 8px;margin-bottom: 4px;"></div>
.u-emoji-trigger
scss
.u-emoji-trigger {
color: use-color('grey', 'light');
cursor: pointer;
font-size: 24px;
}
Trigger de emojis para uso en formularios.
Example
html
<a class="u-emoji-trigger">
<span class="icon-emoji"></span>
</a>