Item
An single (repeater)item is automatically sized to 100% height
item-padding
spacing inside area
item-gap
spacing between content
item-gap-none
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
item-align (vertical)
vertical alignment of item content
item-horizontal
image and content side-by-side
+ item-align-middle
+ item-align-spaced
example of align-classes
added to horizontal layouts
item-minheight
minimum height for item
item-minheight-120
item-minheight-240
item-minheight-360
item-minheight-480
item-minheight-600
item-minheight-screen
item-maxwidth
maximum width for item
repeater-align-center used for this demo
item-maxwidth-860
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
item-maxwidth-640
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
item-maxwidth-420
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.