add -flex modifier

2026-01-15 00:55:08 +08:00 · 2018-03-27 14:45:09 -04:00
parent d623d9ea2d
commit c2947dbdd3
1 changed files with 21 additions and 0 deletions
--- a/assets/styles/objects/_layout.scss
+++ b/assets/styles/objects/_layout.scss
@@ -61,6 +61,27 @@

    &.-reverse {
        direction: rtl;
+
+        &.-flex {
+            flex-direction: row-reverse;
+        }
+    }
+
+    &.-flex {
+         display: flex;
+
+         &.-top {
+            align-items: flex-start;
+         }
+         &.-middle {
+            align-items: center;
+         }
+         &.-bottom {
+            align-items: flex-end;
+         }
+    }
+    &.-stretch {
+        align-items: stretch;
    }
 }