20 lines
446 B
Stylus
20 lines
446 B
Stylus
|
/* Autogrid object */
|
||
|
|
/* see http://codepen.io/raphaelgoetter/pen/KMgBJd */
|
||
|
|
@media (min-width: (tiny + 1))
|
||
|
|
[class^="autogrid"]
|
||
|
|
[class*=" autogrid"]
|
||
|
|
display flex
|
||
|
|
|
||
|
|
[class^="autogrid"] > *
|
||
|
|
[class*=" autogrid"] > *
|
||
|
|
flex 1
|
||
|
|
min-width 0 /* avoid min-width:auto */
|
||
|
|
|
||
|
|
/* Autogrid variants */
|
||
|
|
@media (min-width: (tiny + 1))
|
||
|
|
.has-gutter > *:not(:first-child)
|
||
|
|
margin-left 1rem
|
||
|
|
|
||
|
|
[class*="--reverse"]
|
||
|
|
flex-direction: row-reverse
|