Flex-${n} utilities

2022-05-06 18:12:30 +03:00 · 2022-05-06 18:12:30 +03:00 · 224e078b58
commit 224e078b58
parent dc9323a0ec
2 changed files with 8 additions and 8 deletions
--- a/src/assets/styles/common-layout.scss
+++ b/src/assets/styles/common-layout.scss
@ -222,14 +222,6 @@ section.settings {
    align-items: center;
 }

-.flex-1 {
-    flex: 1;
-}
-
-.flex-2 {
-    flex: 2;
-}
-
 .w-100 {
    min-width: 100px !important;
    width: 100px !important;
--- a/src/assets/styles/common-utilities.scss
+++ b/src/assets/styles/common-utilities.scss
@ -24,3 +24,11 @@ $sides: (top, bottom, left, right);
        }
    }
 }
+
+/* flex-${n} */
+
+@for $n from 1 through 5 {
+    .flex-#{$n} {
+        flex: #{$n};
+    }
+}