-
Item
- An single (repeater)item is automatically sized to 100% height
item-padding
- spacing inside item
item-gap
- spacing between parts inside an item (usually image -> text)
-
item-gap-none
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-gap-small
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.
-
(default)
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-gap-large
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-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.