Counter Indicator | chattigo-webkit Documentation

.c-indicator-group

scss

.c-indicator-group {
  display: flex;
  justify-content: space-around;
  margin: 16px;
}

Es un wrapper que contiene el componente de contador para mostrar un Nº y su actividad (propia de la plataforma).

Example

html

<div class="c-indicator-group">
  <div class="c-indicator-count">
    <span class="c-indicator-count__number">
      12
    </span>
    <label class="c-indicator-count__label">
      Chats finalizados hoy
    </label>
  </div>

  <div class="c-indicator-count">
    <span class="c-indicator-count__number">
      17
    </span>
    <label class="c-indicator-count__label">
      Chats finalizados hoy
    </label>
  </div>
</div>

.c-indicator-group

Example

Requires

@mixin element()

@mixin use-font()

@function use-color()