added grid system helpers

added overlay & unset to overflow supported modes
pixu1980 · Apr 13, 2018 · 1539c00 · 1539c00
1 parent 1fa07e1
commit 1539c00
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/scss/grid-system/grid-system.scss b/scss/grid-system/grid-system.scss
@@ -127,10 +127,34 @@
   }
 }
 
+@mixin helpers {
+  [class*='content-'] {
+    &[class*='-left'] {
+      @include content-align(left null);
+    }
+    &[class*='-center'] {
+      @include content-align(center null);
+    }
+    &[class*='-right'] {
+      @include content-align(right null);
+    }
+    &[class*='-top'] {
+      @include content-align(null top);
+    }
+    &[class*='-middle'] {
+      @include content-align(null middle);
+    }
+    &[class*='-bottom'] {
+      @include content-align(null bottom);
+    }
+  }
+}
+
 @mixin grid-system($columns: $columns-default, $gutter: $gutter-default) {
   // Grid system
   // --------------------------------------------------
   @include containers($gutter);
   @include rows($gutter);
   @include columns($columns, $gutter);
+  @include helpers;
 }
diff --git a/scss/mixins/_overflow.scss b/scss/mixins/_overflow.scss
@@ -1,6 +1,6 @@
 @charset 'UTF-8';
 
-$overflow-modes: array-concat((visible, hidden, scroll, auto), $css-default-modes);
+$overflow-modes: array-concat((visible, hidden, scroll, overlay, unset, auto), $css-default-modes);
 
 @function is-overflow-mode($o) {
   @return is-defined($o) and array-contains($overflow-modes, $o);