.o-box - The Box object simply boxes off content with add a $spacer unit of padding.
Lorem ipsum dolor sit (37 characters)
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
.o-media--small
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
.o-media--large
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
.o-media--flush
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit (37 characters)
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
.o-media--small
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
.o-media--large
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
.o-media--flush
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Force all items into a horizontal space.
Pack Item 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dignissimos doloremque eaque eos esse ex in.
Pack Item 2
Pack Item 3
Pack Item 4
.o-pack--small
Pack Item 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dignissimos doloremque eaque eos esse ex in.
Pack Item 2
Pack Item 3
Pack Item 4
.o-pack--large
Pack Item 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dignissimos doloremque eaque eos esse ex in.
Pack Item 2
Pack Item 3
Pack Item 4
.o-pack--flush
Pack Item 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dignissimos doloremque eaque eos esse ex in.
Pack Item 2
Pack Item 3
Pack Item 4
.o-pack--rev
Pack Item 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dignissimos doloremque eaque eos esse ex in.
Pack Item 2
Pack Item 3
Pack Item 4
.o-pack--auto
Pack Item 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dignissimos doloremque eaque eos esse ex in.
Pack Item 2
Pack Item 3
Pack Item 4
Flex Region 1
Force all items into a flexibile region.
Flex Region 2
Flex Region 3
Flex Region 4