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