Content (default placement)
Extend left side to popout
.popout-left-only
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero quo, voluptas alias accusantium mollitia libero saepe doloribus aliquam itaque sunt ipsam beatae? Numquam necessitatibus, vel doloremque sunt ut magni cumque.
Extend right side to popout
.popout-right-only
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero quo, voluptas alias accusantium mollitia libero saepe doloribus aliquam itaque sunt ipsam beatae? Numquam necessitatibus, vel doloremque sunt ut magni cumque.
Extend left side to wrapper
.wrapper-left-only
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero quo, voluptas alias accusantium mollitia libero saepe doloribus aliquam itaque sunt ipsam beatae? Numquam necessitatibus, vel doloremque sunt ut magni cumque.
Extend right side to wrapper
.wrapper-right-only
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero quo, voluptas alias accusantium mollitia libero saepe doloribus aliquam itaque sunt ipsam beatae? Numquam necessitatibus, vel doloremque sunt ut magni cumque.
Extend left side to full width
.full-width-left-only
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero quo, voluptas alias accusantium mollitia libero saepe doloribus aliquam itaque sunt ipsam beatae? Numquam necessitatibus, vel doloremque sunt ut magni cumque.
Extend right side to full width
.full-width-right-only
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero quo, voluptas alias accusantium mollitia libero saepe doloribus aliquam itaque sunt ipsam beatae? Numquam necessitatibus, vel doloremque sunt ut magni cumque.