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

}