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
@@ -36,26 +36,23 @@ html {
            }

            & > *:first-child {
-                flex: 0 0 50%;
-
-                @include screen-size(tablet) {
-                    flex: 0 0 75%;
-                }
+                flex: 1 1 100%;

                box-shadow : $size-margin-small $size-margin-small $size-margin-large $color-shadow;
            }
        }

        .page {
-            background : $color-background-page;
+            max-width : $size-page-width;
+            width     : 100%;

            @include screen-size(desktop) {
                margin    : $size-margin-large 0;
-                max-width : $size-page-width;
-                width     : 100%;
                box-shadow : $size-margin-small $size-margin-small $size-margin-large $color-shadow;
            }

+            background : $color-background-page;
+
            display        : flex;
            flex-direction : column;