| 1 | @if $enable-classes {
|
| 2 |
|
| 3 | /**
|
| 4 | * Grid
|
| 5 | * Minimal grid system with auto-layout columns
|
| 6 | */
|
| 7 |
|
| 8 | .grid {
|
| 9 | grid-column-gap: $spacing-gutter;
|
| 10 | grid-row-gap: $spacing-gutter;
|
| 11 | display: grid;
|
| 12 | grid-template-columns: 1fr;
|
| 13 | margin: 0;
|
| 14 |
|
| 15 | @if map-get($breakpoints, "lg") {
|
| 16 | @media (min-width: map-get($breakpoints, "lg")) {
|
| 17 | grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
|
| 18 | }
|
| 19 | }
|
| 20 |
|
| 21 | & > * {
|
| 22 | min-width: 0; // HACK for childs in overflow
|
| 23 | }
|
| 24 | }
|
| 25 | }
|