Tmp

/* Vertical alignment modifiers. * The align-items property vertically aligns the flexible container's items * when the items do not use all available space on the cross-axis. =========================================== */ /** * Items are positioned at the top of the container. */ .o-layout--align-top { align-items: flex-start; } /** * Items are positioned at the center of the container (vertically). */ .o-layout--align-center { align-items: center; } /** * Items are positioned at the bottom of the container. */ .o-layout--align-bottom { align-items: flex-end; } /** * Items are positioned at the baseline of the container. */ .o-layout--align-baseline { align-items: baseline; } /** * Default value. Items are stretched to fit the container. */ .o-layout--align-stretch { align-items: stretch; } /* Horizontal alignment modifiers. * The justify-content property horizontally aligns the flexible container's * items when the items do not use all available space on the main-axis. =========================================== */ /** * Default value. Items are positioned at the beginning of the container. */ .o-layout--justify-start { justify-content: flex-start; } /** * Items are positioned at the center of the container. */ .o-layout--justify-center { justify-content: center; } /** * Items are positioned at the end of the container. */ .o-layout--justify-end { justify-content: flex-end; } /** * Items are positioned with space before, between, and after the lines. */ .o-layout--justify-around { justify-content: space-around; } /** * Items are positioned with space between the lines. */ .o-layout--justify-between { justify-content: space-between; } /* Flex ordering modifiers. * Set an item to be first or last in grid. =========================================== */ .o-layout__first { order: -1; } .o-layout__last { order: 1; } @media screen and (min-width: 40em) { .o-layout__first--m { order: -1; } .o-layout__last--m { order: 1; } } @media screen and (min-width: 60em) { .o-layout__first--l { order: -1; } .o-layout__last--l { order: 1; } } @media screen and (min-width: 90em) { .o-layout__first--w { order: -1; } .o-layout__last--w { order: 1; } }