Initial progress towards responsive for mobile

2016-04-29 22:30:37 -07:00
parent 636a8d061c
commit 83156c30c7
18 changed files with 239 additions and 57 deletions
@@ -19,12 +19,20 @@
    > .content {
        display: flex;

+        @include screen-size(mobile) {
+            flex-direction: column;
+        }
+
        color: $color-text-light;

        .left, .center, .right {
            flex: 1 1 33%;
            margin: $size-margin-large $size-margin-large $size-margin-large 0;

+            @include screen-size(mobile) {
+                margin-left: $size-margin-large;
+            }
+
            display: flex;
            flex-direction: column;

@@ -38,6 +46,7 @@
            .action {
                flex: 1 1 auto;
                align-self: center;
+                margin-top: $size-margin-large;
                margin-bottom: $size-margin-large;

                display: flex;