page cleanup

2017-08-21 19:50:08 -05:00
parent a7ec08196e
commit 4ab6579576
3 changed files with 22 additions and 12 deletions
--- a/site/assets/scss/components/_fifty.scss
+++ b/site/assets/scss/components/_fifty.scss
@ -2,14 +2,24 @@
  display: flex;
  flex-wrap: wrap;

-  > * { flex: 1 1 auto; }
-
-  @media screen and (min-width: 425px) {
-    > * { width: 50%; }
+  > * {
+    flex: 1 1 auto;
+    margin: $gutter 0;
  }

  @media screen and (min-width: 768px) {
    flex-wrap: nowrap;
-  }

+    > * {
+      margin: 0 $gutter;
+    }
+
+    &.fifty-reversed {
+      > * {
+        &:first-of-type { order: 2;}
+        &:last-of-type { order: 0;}
+      }
+    }
+
+  }
 }