mirror of
https://github.com/Aviortheking/next-template.git
synced 2025-06-07 04:19:53 +00:00
37 lines
754 B
Stylus
37 lines
754 B
Stylus
@import "../config"
|
|
|
|
.row
|
|
display flex
|
|
flex-wrap wrap
|
|
|
|
&:not(.nomargin)
|
|
margin (0 - $gapSize) 0 0
|
|
padding 0 $gapSize * 2 0 $gapSize
|
|
|
|
.row:not(.nomargin)
|
|
padding 0
|
|
margin (0 - $gapSize) 0 0 (0 - $gapSize)
|
|
|
|
.nowrap
|
|
flex-wrap nowrap
|
|
|
|
.nogrow > *
|
|
flex-grow 0
|
|
|
|
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)
|