Spacing
Spacer utility classes can be used for adding vertical spacing between two elements. Ideally, spacers are best suited for adding spacing in place of top or bottom margin or padding for elements that only use utility class(es) and have no specific named class associated with it. When an element has a named class associated with it, it is better to apply margin and padding to the class itself, when possible.
Spacer utility classes are available for the following breakpoints: lg, md and sm. All spacing units adhere to the 8pt grid system.
Class:
aw-spacer-4
Height:
4px
Class:
aw-spacer-8
Height:
8px
Class:
aw-spacer-12
Height:
12px
Class:
aw-spacer-16
Height:
16px
Class:
aw-spacer-20
Height:
20px
Class:
aw-spacer-24
Height:
24px
Class:
aw-spacer-28
Height:
28px
Class:
aw-spacer-32
Height:
32px
Class:
aw-spacer-40
Height:
40px
Class:
aw-spacer-48
Height:
48px
Class:
aw-spacer-64
Height:
64px
Class:
aw-spacer-72
Height:
72px
Class:
aw-spacer-80
Height:
80px
Class:
aw-spacer-96
Height:
96px
Class:
aw-spacer-112
Height:
112px
Class:
aw-spacer-128
Height:
128px
Class:
aw-spacer-144
Height:
144px
Class:
aw-spacer-160
Height:
160px
Class:
aw-spacer-176
Height:
176px
Class:
aw-spacer-192
Height:
192px
➤