components/src/Row/Row.module.styl
Florian Bouillon 8d7a8c70f0
Updated
Signed-off-by: Avior <github@avior.me>
2021-10-06 17:57:59 +02:00

32 lines
671 B
Stylus

@import "../config"
.row
display flex
flex-wrap wrap
margin (0 - $gapSize) 0 0 (0 - $gapSize)
.nowrap
flex-wrap nowrap
.nogrow > *
max-width initial
flex-grow 0
flex-basis initial
for dir in 'row-reverse' 'column' 'column-reverse'
.direction-{dir}
flex-direction unquote(dir)
@media (max-width $mobile)
for dir in 'row-reverse' 'column' 'column-reverse'
.direction-mobile-{dir}
flex-direction unquote(dir)
for just in 'flex-start' 'center' 'flex-end' 'space-between' 'space-around' 'space-evenly'
.justify-{just}
justify-content unquote(just)
for align in 'flex-start' 'center' 'flex-end' 'baseline'
.align-{align}
align-items unquote(align)