feat(style): implemented flex grow and shrink

TheComputerM · Nov 17, 2020 · 1591070 · 1591070
1 parent 7cef40a
commit 1591070
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/packages/svelte-materialify/src/styles/generic/_flex.scss b/packages/svelte-materialify/src/styles/generic/_flex.scss
@@ -249,3 +249,34 @@
     }
   }
 }
+
+.flex-grow-0 {
+  flex-grow: 0;
+}
+
+.flex-grow-1 {
+  flex-grow: 1;
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+
+.flex-shrink-1 {
+  flex-shrink: 1;
+}
+
+@include create_breakpoints() using ($screen_size) {
+  .flex-#{$screen_size}-grow-0 {
+    flex-grow: 0;
+  }
+  .flex-#{$screen_size}-grow-1 {
+    flex-grow: 1;
+  }
+  .flex-#{$screen_size}-shrink-0 {
+    flex-shrink: 0;
+  }
+  .flex-#{$screen_size}-shrink-1 {
+    flex-shrink: 1;
+  }
+}