intégration de (auto)grid dans Grillade

sass/_library/grillade-grid.scss

@@ -11,7 +11,7 @@
 $tiny: 480px !default;
 $medium: 768px !default;
 
-
+// classic Grid
 [class*=" grid-"],
 [class^="grid-"] {
   @media (min-width: $tiny) {
@@ -33,6 +33,29 @@ $medium: 768px !default;
   }
 }
 
+// autogrid
+.autogrid,
+.grid {
+  @media (min-width: $tiny) {
+    display: grid;
+    grid-auto-flow: column;
+    grid-auto-columns: 1fr;
+
+    // gutters
+    @if variable_exists(grid-gutters) {
+      $gutter: $grid-gutters !global;
+
+    } @else {
+      $gutter: ( '': 1rem, '-l': 2rem, '-xl': 4rem ) !global;
+    }
+    @each $affix, $size in $gutter {
+      &.has-gutter#{$affix} {
+        grid-column-gap: $size;
+      }
+    }
+  }
+}
+
 // grid constructor (.grid-2 to .grid-12)
 @for $i from 2 through 12 {
   [class*="grid-#{$i}"] {