Fixed issue with offset and grid with no gap

- Fixed an issue where the .offset utility classes don't work if the grid has no gap
codyhouse · Mar 17, 2020 · 6f56441 · 6f56441
1 parent 2c70abd
commit 6f56441
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 3 deletions.
diff --git a/main/assets/css/base/_grid-layout.scss b/main/assets/css/base/_grid-layout.scss
@@ -76,13 +76,20 @@ $grid-columns: 12 !default;
 
 .grid {
   --gap: 0px;
+  --offset: var(--gap);
   display: flex;
   flex-wrap: wrap;
 
   > * {
     flex-basis: 100%;
     max-width: 100%;
   }
+
+  @supports (--css: variables) {
+    > *[class*="offset-"] {
+      margin-left: var(--offset);
+    }
+  }
 }
 
 [class*="gap-xxxxs"], [class*="gap-xxxs"], [class*="gap-xxs"], [class*="gap-xs"], [class*="gap-sm"], [class*="gap-md"], [class*="gap-lg"], [class*="gap-xl"], [class*="gap-xxl"], [class*="gap-xxxl"], [class*="gap-xxxxl"], [class*="grid-gap-"], [class*="flex-gap-"] {

diff --git a/main/assets/css/style-fallback.css b/main/assets/css/style-fallback.css