KNACSS/sass/objects/_autogrid.scss

24 lines
437 B
SCSS

/* Autogrid object */
@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;
}
}