[Improvement] Layout: support flex (#1305)

2018-06-19 22:54:02 +08:00
parent 6e25b9823a
commit c368e36aea
10 changed files with 321 additions and 120 deletions
@@ -6,4 +6,36 @@
    display: table;
    clear: both;
  }
+
+  &--flex {
+    display: flex;
+
+    &::after {
+      display: none;
+    }
+  }
+
+  &--justify-center {
+    justify-content: center;
+  }
+
+  &--justify-end {
+    justify-content: flex-end;
+  }
+
+  &--justify-space-between {
+    justify-content: space-between;
+  }
+
+  &--justify-space-around {
+    justify-content: space-around;
+  }
+
+  &--align-center {
+    align-items: center;
+  }
+
+  &--align-bottom {
+    align-items: bottom;
+  }
 }