Utility Classes
Utility Classes
The Styling for these classes affect Spacing, Size and Layout. To maintain flexibility and Consistency across all Pages, do not change the styling on any of these classes.
Padding
4
8
16
24
48
64
Padding-left
4
8
16
24
48
64
Padding-right
4
8
16
24
48
64
Padding-Top
4
8
16
24
48
64
128
Padding-Bottom
4
8
16
24
48
64
128
margin-top
4
8
16
24
48
64
128
margin-bottom
4
8
16
24
48
64
128
margin-left
4
8
16
24
48
64
margin-Right
8
8
16
24
48
64
margin-auto
Auto
width
auto
100%
75%
50%
25%
10%
5%
Height
auto
100%
75%
50%
25%
10%
5%
Flex-direction
H
H
V
V
Align-Items
Top
Center
Bottom
Flex-child / Align-Items
[Horizontal]
[Horizontal]
Top
Center
Bottom
Stretch
Flex-child / Align-Items
[Vertical]
[Vertical]
Left
Center
Right
Stretch
Justify-Content
Flex-start
Center
Flex-End
Space-Around
Space-Between
Position
t-l
t-r
b-l
b-l
right
left
top
bottom
full