Add tests for grid classes.

Orange-OpenSource · Oct 22, 2024 · 33c6ba1 · 33c6ba1
1 parent bb8b502
commit 33c6ba1
Show file tree

Hide file tree

Showing 4 changed files with 5,751 additions and 11 deletions.
diff --git a/scss/_containers.scss b/scss/_containers.scss
@@ -18,6 +18,12 @@
 
     // Responsive containers that are 100% wide until a breakpoint
     @each $breakpoint, $container-max-width in $container-max-widths {
+      @if $breakpoint == 2xl {
+        .container-xxl {
+          @extend .container-fluid;
+        }
+      }
+
       .container-#{$breakpoint} {
         @extend .container-fluid;
       }

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -568,7 +568,6 @@ $grid-breakpoints: (
   $breakpoint-3xl: map-get($grid-breakpoints, 3xl);
   $grid-breakpoints: map-remove($grid-breakpoints, 2xl, 3xl);
   $grid-breakpoints: map-merge($grid-breakpoints, (xxl: $breakpoint-2xl, 2xl: $breakpoint-2xl, 3xl: $breakpoint-3xl));
-  @debug $grid-breakpoints;
 }
 
 @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");

diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss
@@ -3,7 +3,7 @@
 // Generate semantic grid columns with these mixins.
 
 @mixin make-row($gutter: $grid-gutter-width) {
-  --#{$prefix}gutter-x: #{$gutter};
+  // OUDS mod: définition of this variable is handled differently, see below.
   --#{$prefix}gutter-y: 0;
   display: flex;
   flex-wrap: wrap;