increase font sizes, add button css

7 files changed, 64 insertions, 65 deletions

diff --git a/StoneIsland/www/css/account.css b/StoneIsland/www/css/account.css
index be82a4c7..12adb2d9 100755
--- a/StoneIsland/www/css/account.css
+++ b/StoneIsland/www/css/account.css
@@ -77,7 +77,7 @@
   position:relative;
   font-weight:bold;
   letter-spacing:0.2px;
-  font-size:11px;
+  font-size: 0.688rem;
   margin-bottom:10px;
   width:100%;
   box-sizing:border-box;
@@ -122,7 +122,7 @@
   text-align: center;
   margin: 0;
   padding: 20px 10px 8px 10px;
-  font-size: 16px;
+  font-size: 1rem;
   color: #000;
   letter-spacing: 1px;
   font-weight: bold;
@@ -133,7 +133,7 @@ label {
   align-items: center;
   justify-content: center;
   text-align: center;
-  font-size: 16px;
+  font-size: 1rem;
   color: #000;
   letter-spacing:1px;
   text-transform:uppercase;
@@ -141,7 +141,7 @@ label {
 }
 input[type=text], input[type=password], input[type=number], input[type=date], input[type=email]  {
   font-family:pfd, sans-serif;
-  font-size:14px;
+  font-size: 0.875rem;
   outline:none!important;
   color:#000;
   letter-spacing:1px;
@@ -198,7 +198,7 @@ input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, in
   width: calc(100vw - 10px);
   box-sizing: border-box;
   padding:0px 18px 2px;
-  font-size:16px;
+  font-size: 1rem;
 }
 
 #settings .toggle-container {
@@ -208,7 +208,7 @@ input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, in
   width: calc(100vw - 10px);
   box-sizing: border-box;
   padding:10px 18px 2px;
-  font-size:16px;
+  font-size: 1rem;
 }
 
 .toggle-row {
@@ -345,7 +345,7 @@ input.switch:checked + label:after {
   margin: 2px auto!important
 }
 .container-fill .container-message {
-  font-size:14px;
+  font-size: 0.875rem;
   letter-spacing:0.5px;
   text-align:center;
   display: flex;
@@ -373,7 +373,7 @@ input.switch:checked + label:after {
 }
 
 .checkbox-container {
-  font-size:14px;
+  font-size: 0.875rem;
   width:calc(100vw - 10px);
   display:table;
   box-sizing:border-box;
@@ -477,7 +477,7 @@ input.switch:checked + label:after {
   text-align: center;
 
   overflow: hidden;
-  font-size: 14px;
+  font-size: 0.875rem;
   outline: none !important;
   color: #000;
   letter-spacing: 1px;
@@ -547,7 +547,7 @@ input.switch:checked + label:after {
   color: #696969;
   border: 1px solid;
   border-left: 0;
-  font-size: 14px;
+  font-size: 0.875rem;
   height: 48px;
   box-sizing: border-box;
   width: 50%;
diff --git a/StoneIsland/www/css/blogs.css b/StoneIsland/www/css/blogs.css
index 0834912e..7128d0d5 100755
--- a/StoneIsland/www/css/blogs.css
+++ b/StoneIsland/www/css/blogs.css
@@ -18,7 +18,7 @@
   height: 48px;
   padding: 0 15px;
   list-style-type: none;
-  font-size: 16px;
+  font-size: 1rem;
 }
 #story .links li:before {
   content: ' | ',
@@ -65,7 +65,7 @@ animation: mfadein 0.6s;
 
 #hub .content .body, #story .content .body {
   letter-spacing:0.35px;
-  font-size:16px;
+  font-size: 1rem;
   width:calc(100vw - 40px);
   box-sizing:border-box;
   margin:10px auto 20px;
@@ -93,7 +93,7 @@ animation: mfadein 0.6s;
 .content-header .title, .content-header .subtitle {
   display:block;
   font-weight:bold;
-  font-size:16px;
+  font-size: 1rem;
   text-transform:uppercase
 }
 
@@ -111,7 +111,7 @@ animation: mfadein 0.6s;
   border:1px solid black;
   padding: 0 12px;
   height: 48px;
-  font-size: 16px;
+  font-size: 1rem;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -119,7 +119,7 @@ animation: mfadein 0.6s;
 }
 
 .content-header span.date, .content-header span.store {
-  font-size:16px;
+  font-size: 1rem;
 }
 
 /* NOTE: optional arrows */
@@ -138,7 +138,7 @@ animation: mfadein 0.6s;
   transform:translateY(-50%);
   transform-origin:top right;
   left:20px;
-  font-size:18px;
+  font-size: 1.125rem;
   padding:3px 3px 3px 1px;
   z-index:2;
   position:absolute;
@@ -158,7 +158,7 @@ animation: mfadein 0.6s;
   transform:translateY(-50%);
   transform-origin:top right;
   right:20px;
-  font-size:18px;
+  font-size: 1.125rem;
   padding:3px 1px 3px 3px;
   z-index:2;
   position:absolute;
@@ -194,7 +194,7 @@ animation: mfadein 0.6s;
   transform:scale(1,.5) translateY(-50%);
   transform-origin:bottom right;
   content:'\25BC';
-  font-size:17px;
+  font-size: 1.063rem;
   padding:9px 11px;
   z-index:999;
   position:absolute;
@@ -216,11 +216,11 @@ ul.links {
 }
 
 .archive h1 {
-  font-size:26px;
+  font-size: 1.625rem;
   border-bottom:0;
-  margin-top:8px;
+  margin-top: 8px;
   padding-bottom:0;
-  line-height:24px;
+  line-height: 1;
 }
 
 .archive .subtitle {
@@ -231,19 +231,19 @@ ul.links {
   margin:0 0 12px;
   padding:0;
   font-weight:bold;
-  font-size:16px;
+  font-size: 1rem;
 }
 
 
 .archive h2 {
-  font-size: 25px;
+  font-size: 1.563rem;
   font-weight: normal;
 }
 .archive h2 b {
-  font-size: 28px;
+  font-size: 1.75rem;
 }
 .archive .body {
-  font-size: 14px;
+  font-size: 0.875rem;
   line-height: 1.4em;
   font-weight: 100;
 }
@@ -296,7 +296,7 @@ ul.links {
   background: white;
   padding:0;
   height: 48px;
-  font-size:16px;
+  font-size: 1rem;
   letter-spacing:0.7px
 }
 
diff --git a/StoneIsland/www/css/cart.css b/StoneIsland/www/css/cart.css
index c5725349..36a446a7 100755
--- a/StoneIsland/www/css/cart.css
+++ b/StoneIsland/www/css/cart.css
@@ -13,7 +13,7 @@
 }
 #cart .steps span {
   display: flex;
-  font-size: 16px;
+  font-size: 1rem;
   text-align: center;
   color: #666;
   width: 33%;
@@ -99,7 +99,7 @@
   min-height:50px;
   max-width: 50%;
   text-align: center;
-  font-size: 18px;
+  font-size: 1.125rem;
 }
 
 .summary-container {
@@ -113,12 +113,11 @@
 
 #cart h3 {
   padding-left: 5px;
-  font-size:16px;
   height: 48px;
   display: flex;
   justify-content: flex-start;
   align-items: center;
-  font-size: 16px;
+  font-size: 1rem;
 }
 
 .cart_item_row {
@@ -197,19 +196,19 @@ transform:rotate(45deg) translateX(-50%) translateY(-50%)
 }
 
 .cart_item_price .price {
-  font-size:16px;
+  font-size: 1rem;
   font-weight:bold;
   display:block
 }
 
 .cart_item_info .sku {
-  font-size:16px;
+  font-size: 1rem;
   font-weight:bold;
   display:block;
 }
 
 .cart_item_info .title {
-  font-size:16px;
+  font-size: 1rem;
   font-weight:bold;
   display:block;
   line-height:1.4em;
@@ -217,7 +216,7 @@ transform:rotate(45deg) translateX(-50%) translateY(-50%)
 }
 
 .cart_item_info .type {
-  font-size:16px;
+  font-size: 1rem;
   font-weight:bold;
   display:block;
   text-transform:capitalize;
@@ -225,8 +224,8 @@ transform:rotate(45deg) translateX(-50%) translateY(-50%)
 
 .cart_item_info .meta {
   padding-top:5px;
-  letter-spacing:.75px;
-  font-size:14px;
+  letter-spacing: 0.047rem;
+  font-size:0.875rem;
 }
 
 .order_section .rows {
@@ -238,7 +237,7 @@ transform:rotate(45deg) translateX(-50%) translateY(-50%)
   width:calc(100vw - 30px);
   margin:15px auto;
   text-decoration:underline;
-  font-size:11px;
+  font-size: 0.688rem;
 }
 
 .order_section_container {
@@ -251,7 +250,7 @@ transform:rotate(45deg) translateX(-50%) translateY(-50%)
   margin:0 auto;
   display:table;
   color:#666;
-  font-size:16px;
+  font-size: 1rem;
 }
 
 .cart-summary-row {
@@ -312,13 +311,13 @@ color:#000;
 .dropdown-wrapper .add_edit {
   padding:10px;
   letter-spacing:0.5px;
-  font-size:12px;
+  font-size: 0.75rem;
   color:#a9a9a9;
   box-sizing:border-box;
 }
 
 .dropdown-wrapper .dropdown {
-  font-size:16px;
+  font-size: 1rem;
   box-sizing:border-box;
   display: flex;
   justify-content: center;
diff --git a/StoneIsland/www/css/index.css b/StoneIsland/www/css/index.css
index fa3dae54..88022823 100755
--- a/StoneIsland/www/css/index.css
+++ b/StoneIsland/www/css/index.css
@@ -17,7 +17,7 @@ body {
   -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
   background: #fff;
   font-family: pfd, sans-serif;
-  font-size: 14px;
+  font-size: 0.875rem;
   padding-top: constant(safe-area-inset-top);
 }
 a, a:visited {
@@ -71,7 +71,7 @@ span.err {
   text-align: center;
   justify-content: center;
   align-items: center;
-  font-size: 14px;
+  font-size: 0.875rem;
   height: 48px;
   color: red !important;
 }
diff --git a/StoneIsland/www/css/nav.css b/StoneIsland/www/css/nav.css
index 5c7b8a09..f555ce99 100755
--- a/StoneIsland/www/css/nav.css
+++ b/StoneIsland/www/css/nav.css
@@ -35,7 +35,7 @@
 }
 #nav .menu span {
   display: block;
-  font-size: 16px;
+  font-size: 1rem;
   letter-spacing:1.25px;
   text-shadow:0px 0px 1px rgba(0,0,0,.2);
   color: #000;
@@ -77,7 +77,7 @@
 
 #nav .submenu span {
   display: block;
-  font-size: 16px;
+  font-size: 1rem;
   letter-spacing:1.25px;
   color: #666;
   padding: 4px 0 12px 20px
@@ -95,7 +95,7 @@
   width: 61px;
   border-left: 1px solid #ddd;
   color: #666;
-  font-size: 18px;
+  font-size: 1.125rem;
   padding: 5px 0;
   text-align: center;
 }
@@ -144,7 +144,7 @@ padding-bottom:0px;
   display: flex;
   justify-content: center;
   align-items: center;
-  font-size: 17px;
+  font-size: 1.063rem;
 }
 #intro #compass {
   pointer-events: none;
@@ -180,7 +180,7 @@ padding-bottom:0px;
   box-sizing: border-box;
   width: calc(100vw);
   text-align: center;
-  font-size: 14pt;
+  font-size: 0.875rem;
   font-weight: bold;
   line-height: 0;
   text-transform: uppercase;
@@ -246,7 +246,7 @@ padding-bottom:0px;
   left: 50%;
   transform: translateY(-50%) translateX(-50%);
   color: #666;
-  font-size:12.35px;
+  font-size: 12.35px;
 }
 
 #header .cart::before {
@@ -280,7 +280,7 @@ padding-bottom:0px;
   text-align: center;
   color: #000;
   float: left;
-  font-size: 16px;
+  font-size: 1rem;
   font-weight:bold;
   padding: 0;
   display: flex;
@@ -355,14 +355,14 @@ padding-bottom:0px;
 #consent_modal {
   display: none;
   z-index: 2;
-  font-size: 16px;
+  font-size: 1rem;
 }
 #consent_modal a {
   color: black;
 }
 .modal button {
   font-family: pfd, sans-serif;
-  font-size: 14px;
+  font-size: 0.875rem;
   padding: 10px;
   box-sizing: border-box;
   margin: 0;
@@ -412,7 +412,7 @@ padding-bottom:0px;
   text-align: center;
   padding: 12px 12px;
   box-sizing:border-box;
-  font-size: 14px;
+  font-size: 0.875rem;
   border-left:1px solid black;
   border-right:1px solid black;
   border-top:1px solid black;
@@ -447,7 +447,7 @@ padding-bottom:0px;
   background: white;
   text-align: center;
   padding: 7px 12px;
-  font-size:14px!important;
+  font-size: 0.875rem!important;
 }
 
 .selector-outer-wrap .options div:nth-of-type(odd){
@@ -496,7 +496,7 @@ h1 {
   align-items: center;
   border-bottom: 1px solid #000;
   height: 48px;
-  font-size: 16px;
+  font-size: 1rem;
   color: #000;
   letter-spacing: 1px;
   font-weight: bold;
diff --git a/StoneIsland/www/css/products.css b/StoneIsland/www/css/products.css
index fbc22d28..63e9b020 100755
--- a/StoneIsland/www/css/products.css
+++ b/StoneIsland/www/css/products.css
@@ -103,7 +103,7 @@
 }
 
 .product .product-header {
-  font-size:16px;
+  font-size: 1rem;
   margin:18px 0 0;
   max-width:60%;
   position:relative;
@@ -118,7 +118,7 @@
   margin-bottom: 18px;
   font-weight: bold;
   text-align: center;
-  font-size: 17px;
+  font-size: 1.063rem;
 }
 .product-group:first-child {
   margin-top: 0;
@@ -153,7 +153,7 @@
 
 .product .type {
   display:table-cell;
-  font-size:16px;
+  font-size: 1rem;
 }
 
 .product .size-color {
@@ -165,7 +165,7 @@
   box-sizing:border-box;
   padding: 0 12px;
   height: 48px;
-  font-size: 16px;
+  font-size: 1rem;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -176,7 +176,7 @@
 
 .product .price {
   display:table-cell;
-  font-size:16px;
+  font-size: 1rem;
   text-align:right;
   vertical-align:bottom;
 }
@@ -195,12 +195,12 @@
 
 .style-share {
   letter-spacing:0.5px;
-  font-size:16px;
+  font-size: 1rem;
 }
 
 .size-color {
   position:relative;
-  font-size:16px;
+  font-size: 1rem;
 }
 
 .type-price, .style-share {
@@ -226,7 +226,7 @@
 .product .fit,
 .product .notAvailableInCanada {
   clear:both;
-  font-size:9px;
+  font-size: 0.563rem;
   letter-spacing:0.5px;
   text-decoration:underline;
   text-transform:uppercase;
@@ -234,7 +234,7 @@
 }
 .product .fitHeader {
   clear:both;
-  font-size:9px;
+  font-size: 0.563rem;
   letter-spacing:0.5px;
   text-decoration: none;
   text-transform:uppercase;
@@ -248,7 +248,7 @@
 
 #product .content .body {
   letter-spacing:0.35px;
-  font-size:16px;
+  font-size: 1rem;
   line-height: 1.4em;
   box-sizing:border-box;
   margin:0px auto 20px;
diff --git a/StoneIsland/www/css/vendor/flickity.css b/StoneIsland/www/css/vendor/flickity.css
index b8eca4e4..99a09e72 100755
--- a/StoneIsland/www/css/vendor/flickity.css
+++ b/StoneIsland/www/css/vendor/flickity.css
@@ -105,7 +105,7 @@ http://flickity.metafizzy.co
 /* color & size if no SVG - IE8 and Android 2.3 */
 .flickity-prev-next-button.no-svg {
   color: #333;
-  font-size: 26px;
+  font-size: 1.625rem;
 }
 
 /* ---- page dots ---- */