0.2.1 โข Published 2 years ago
orquestra-mail v0.2.1
๐ฎ Orquestra-Mail
Componentes
Alert
<div class="mail-alert">
Alert content!
</div>
Variantes
-blue
-green
-red
-yellow
<div class="mail-alert -blue">
Alert content!
</div>
Chip
<div class="mail-chip">Hello</div>
Tag
<div class="mail-tag">Tag</div>
Variantes
-blue
-green
-red
-yellow
-nowrap
Layout
Grid
mail-col-1
(100%)
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ .mail-col-1 โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
mail-col-1-2
(50%)
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ .mail-col-1-2 โโ .mail-col-1-2 โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
mail-col-1-3
(33%)
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ .mail-col-1-3 โโ .mail-col-1-3 โโ .mail-col-1-3 โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
mail-col-1-4
(25%)
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ .mail-col-1-4 โโ .mail-col-1-4 โโ .mail-col-1-4 โโ .mail-col-1-4 โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
mail-col-2-3
(66%)
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ .mail-col-2-3 โโ .mail-col-1-3 โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
Tables
<table class="mail-table">
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
</tbody>
</table>
Variantes
-zebra
<table class="mail-table -zebra">
...
</table>
Forms
TODO
Utility
TODO