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
@@ -40,10 +40,22 @@
        .item-selector {
            flex         : 80%;
            margin-right : $size-margin-medium;
+
+            @include screen-size(mobile) {
+                flex: 50%;
+
+                .full {
+                    display: none;
+                }
+            }
        }

        .clear {
            flex : 20%;
+
+            @include screen-size(mobile) {
+                flex: 50%;
+            }
        }
    }
 }
@@ -61,8 +73,12 @@
        .quantity {
            padding-right : $size-margin-medium;
            input {
-                width: 3em;
-                font-size   : $font-size-xlarge;
+                width     : 3em;
+                font-size : $font-size-xlarge;
+
+                @include screen-size(mobile) {
+                    width : 2em;
+                }
            }
        }