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.
spacer-4
height: 4px
height: 4px
spacer-8
height: 8px
height: 8px
spacer-12
height: 12px
height: 12px
spacer-16
height: 16px
height: 16px
spacer-20
height: 20px
height: 20px
spacer-24
height: 24px
height: 24px
spacer-28
height: 28px
height: 28px
spacer-32
height: 32px
height: 32px
spacer-40
height: 40px
height: 40px
spacer-48
height: 48px
height: 48px
spacer-64
height: 64px
height: 64px
spacer-72
height: 72px
height: 72px
spacer-80
height: 80px
height: 80px
spacer-96
height: 96px
height: 96px
spacer-112
height: 112px
height: 112px
spacer-128
height: 128px
height: 128px
spacer-144
height: 144px
height: 144px
spacer-160
height: 160px
height: 160px
spacer-176
height: 176px
height: 176px
spacer-192
height: 192px
height: 192px
➤