Wrapper Full - (Full Width)
Wrapper 1 - (1320px)
Wrapper 2 - (1020px)
Wrapper 3 - (720px)
Use Case
Wrappers are used to set a predefined width to the content of a section.
The predefined widths are as follows:
wrapper--full = Full Width
wrapper--1 = Wide (1320px)
wrapper--2 = Medium (1020px)
wrapper--3 = Small (720px)
All of the wrappers have 24px padding left and right.
The wrappers are setup using breakout, so nested wrappers will always be the predefined size and not that of its parent.
Component Options
Wrapper
wrapper--full = Full Width
wrapper--1 = Wide (1320px)
wrapper--2 = Medium (1020px)
wrapper--3 = Small (720px)
