# Dot
Lorem...

### Exemplos

<div class="docs-components">
  <span class="o-dot">Meu dot</span>
</div>

```html
<span class="o-dot">Meu dot</span>
```

### Cores

<div class="docs-components">
  <span class="o-dot">Meu dot</span>
  <span class="o-dot -blue">Dot Azul</span>
  <span class="o-dot -green">Dot Verde</span>
  <span class="o-dot -red">Dot Vermelho</span>
  <span class="o-dot -yellow">Dot Amarelo</span>
</div>

```html
<span class="o-dot">Meu dot</span>
<span class="o-dot -info">Dot Azul</span>
<span class="o-dot -success">Dot Verde</span>
<span class="o-dot -danger">Dot Vermelho</span>
<span class="o-dot -warning">Dot Amarelo</span>
```

### Estilos

<div class="docs-components">
  <span class="o-dot -red -pulse">Dot Pulsante</span>
</div>