2019-11-27 15:31:49 +07:00
|
|
|
@if $enable-classes {
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Grid
|
|
|
|
|
* Minimal grid system with auto-layout columns
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.grid {
|
2020-09-29 08:38:35 +07:00
|
|
|
grid-column-gap: var(--spacing-gutter);
|
|
|
|
|
grid-row-gap: var(--spacing-gutter);
|
2019-11-30 17:55:06 +07:00
|
|
|
display: grid;
|
|
|
|
|
grid-template-columns: 1fr;
|
2019-11-27 15:31:49 +07:00
|
|
|
margin: 0;
|
|
|
|
|
|
|
|
|
|
@if map-get($breakpoints, "lg") {
|
|
|
|
|
@media (min-width: map-get($breakpoints, "lg")) {
|
|
|
|
|
grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
& > * {
|
|
|
|
|
min-width: 0; // HACK for childs in overflow
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
