Divider [sw-div]
Linha separadora horizontal ou vertical, com ou sem rótulo de texto.
1. Horizontal
[sw-div] — padrão
Conteúdo acima
Conteúdo abaixo
.sw-div-dsh — tracejado
.sw-div-thk — mais grosso
2. Com Texto
.sw-div-txt — linha dos dois lados, texto centralizado
Continue com e-mail
ou
Continue com Google
3. Vertical
.sw-div-v — use dentro de um container flex
Item 1
Item 2
Item 3
Item 2
Item 3
Referência
| Classe | Tipo | Descrição |
|---|---|---|
[sw-div] | Base | Linha horizontal simples (em cima de <hr>). |
.sw-div-dsh | Estilo | Tracejado. |
.sw-div-thk | Estilo | Mais grosso (2px). |
.sw-div-v | Direção | Vertical — use dentro de um container flex. |
.sw-div-txt | Variante | <div> com texto centralizado e linhas dos dois lados. |