.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>