Order

Sets the order to lay out an item in a flex or grid container. Items are sorted by ascending order then by their source order.

Default styling
Item 1
Item 2
Item 3
first
Lay out the item as the first.
Item 1
Item 2
Item 3
last
Lay out the item as last in line.
Item 1
Item 2
Item 3
Markup

Toggle example guides Toggle HTML markup 

<div pam-flex="" pam-space="p:2" pam-skin="bg:gray:100">
    <div pam-skin="bg:gray:300" pam-space="p:4 mr:2">Item 1</div>
    <div pam-flex-order="[modifier]" pam-skin="bg:gray:300" pam-space="p:4 mr:2">Item 2</div>
    <div pam-skin="bg:gray:300" pam-space="p:4 mr:2">Item 3</div>
</div>