KNACSS/sass/components/autogrid.scss
Raphael Goetter d33da95e34 Skip Links
2017-07-31 10:52:40 +02:00

28 lines
568 B
SCSS

/* ----------------------------- */
/* ==Autogrid object */
/* ----------------------------- */
/* see http://codepen.io/raphaelgoetter/pen/KMgBJd */
@media (min-width: $small) {
[class^="autogrid"],
[class*=" autogrid"] {
display: flex;
}
[class^="autogrid"] > *,
[class*=" autogrid"] > * {
flex: 1;
min-width: 0; /* avoid min-width:auto */
}
}
/* Autogrid variants */
@media (min-width: $small) {
.has-gutter > *:not(:first-child) {
margin-left: 1rem;
}
[class*="--reverse"] {
flex-direction: row-reverse;
}
}