Tables

⚠️ These styles may slightly change again before the 1.0.0 release ⚠️

Default table

Tables have no border, cell gap and other form of styling by default.
The cell's content are just aligned in the top of the cell.

Cell 1.1 Cell 1.2 Cell 1.3
Cell 2.1 Cell 2.2 Cell 2.3
Cell 3.1

Cell content alignment

The content of a table's cells can be uniformly changed via the .table-v-center and .table-v-bottom classes.

Top (Default)

1.1 1.2
2.1

Middle

1.1 1.2
2.1

End

1.1 1.2
2.1

Cell padding

All of a given table's cells can be padded uniformly by using the .table-p-X class where X can be replaced by any of the standard sizes.
Usable sizes: xxs, xs, s, m, l, xl

Cell 1.1
Cell 1.2
Cell 2.1
Cell 2.2
.table-p-xxs
Cell 1.1
Cell 1.2
Cell 2.1
Cell 2.2
.table-p-xs
Cell 1.1
Cell 1.2
Cell 2.1
Cell 2.2
.table-p-s
Cell 1.1
Cell 1.2
Cell 2.1
Cell 2.2
.table-p-m
Cell 1.1
Cell 1.2
Cell 2.1
Cell 2.2
.table-p-l
Cell 1.1
Cell 1.2
Cell 2.1
Cell 2.2
.table-p-xl