format_paint CSS Utilities
Utilities classes are very reusable classes with a single purpose to reduce the frequency of highly repetitive declarations.
| label Class Prefix | description Description | reorder Values / Range |
|---|---|---|
.m-l-
|
Margin left | 0 | 5 | 10 | 15 | 20 | 25 |
.m-r-
|
Margin Right | 0 | 5 | 10 | 15 | 20 | 25 |
.m-t-
|
Margin Top | 0 | 5 | 10 | 15 | 20 | 25 |
.m-b-
|
Margin Bottom | 0 | 5 | 10 | 15 | 20 | 25 |
.p-l-
|
Padding Left | 0 | 5 | 10 | 15 | 20 | 25 |
.p-r-
|
Padding Right | 0 | 5 | 10 | 15 | 20 | 25 |
.p-t-
|
Padding Top | 0 | 5 | 10 | 15 | 20 | 25 |
.p-b-
|
Padding Bottom | 0 | 5 | 10 | 15 | 20 | 25 |
.margin-
|
Margin (all sides) | 0 | 5 | 10 | 15 | 20 | 25 |
.padding-
|
Padding (all sides) | 0 | 5 | 10 | 15 | 20 | 25 |
.font-
|
Font Size (px) | 5 To 49 |
.bg-
|
Background Color | red pink purple cyan ... and more |
.l-bg-
|
Linear Gradient Background | green | orange | cyan | red | purple |
.col-
|
Text Color | red | pink | purple | cyan | teal | green ... |