Spacings
New UI spacings.
Install
Install New UI Spacings from your terminal via npm.
npm i -D @new-ui/spacings
Usage
// Place this at the top of your SCSS/CSS file
@import "@new-ui/spacings";
Spacing blocks
| Token | Size (px/rem) |
|---|---|
--spacing-00 |
0 / 0 |
--spacing-01 |
2 / 0.125 |
--spacing-02 |
4 / 0.25 |
--spacing-03 |
6 / 0.375 |
--spacing-04 |
8 / 0.5 |
--spacing-05 |
12 / 0.75 |
--spacing-06 |
16 / 1 |
--spacing-07 |
20 / 1.25 |
--spacing-08 |
24 / 1.5 |
--spacing-09 |
32 / 2 |
--spacing-10 |
40 / 2.5 |
--spacing-11 |
48 / 3 |
--spacing-12 |
56 / 3.5 |
--spacing-13 |
64 / 4 |
--spacing-14 |
72 / 4.5 |
--spacing-15 |
80 / 5 |
--spacing-16 |
96 / 6 |
--spacing-17 |
120 / 7.5 |
--spacing-18 |
160 / 10 |