bump

7 files changed, 130 insertions, 80 deletions

diff --git a/StoneIsland/platforms/android/assets/www/css/account.css b/StoneIsland/platforms/android/assets/www/css/account.css
index be82a4c7..12adb2d9 100755
--- a/StoneIsland/platforms/android/assets/www/css/account.css
+++ b/StoneIsland/platforms/android/assets/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/platforms/android/assets/www/css/blogs.css b/StoneIsland/platforms/android/assets/www/css/blogs.css
index 0834912e..f857db9e 100755
--- a/StoneIsland/platforms/android/assets/www/css/blogs.css
+++ b/StoneIsland/platforms/android/assets/www/css/blogs.css
@@ -10,6 +10,7 @@
   flex-direction: row;
   justify-content: center;
   align-items: center;
+  flex-wrap: wrap;
 }
 #story .links li {
   display: flex;
@@ -18,24 +19,25 @@
   height: 48px;
   padding: 0 15px;
   list-style-type: none;
-  font-size: 16px;
+  font-size: 1rem;
 }
-#story .links li:before {
-  content: ' | ',
+.accessible #story .links {
+  flex-wrap: wrap;
 }
-#story .links li:first-child:before {
-  content: '',
+.accessible #story .links li {
+  border: 1px solid black;
+  margin: 5px;
 }
 #story .links li.active {
   font-weight: bold;
   text-decoration: underline;
 }
 #story .content > div {
-display:none;
+  display:none;
 }
 #story .content div.active {
-display:block;
-animation: mfadein 0.6s;
+  display:block;
+  animation: mfadein 0.6s;
 }
 
 .hub #hub { display: block }
@@ -65,7 +67,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 +95,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 +113,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 +121,7 @@ animation: mfadein 0.6s;
 }
 
 .content-header span.date, .content-header span.store {
-  font-size:16px;
+  font-size: 1rem;
 }
 
 /* NOTE: optional arrows */
@@ -138,7 +140,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 +160,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 +196,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 +218,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,20 +233,20 @@ 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;
-  line-height: 1.4em;
+  font-size: 0.875rem;
+  line-height: 1.4rem;
   font-weight: 100;
 }
 
@@ -263,6 +265,13 @@ ul.links {
   transform: translateZ(0) translateX(-50%) translateY(-50%);
 }
 
+.accessible #archive .row .image,
+.accessible #archive .row .text {
+  position: relative;
+  top: auto; left: auto;
+  transform: translateZ(0);
+}
+
 #archive .menu .items {
   border-top: 1px solid transparent;
 }
@@ -296,7 +305,7 @@ ul.links {
   background: white;
   padding:0;
   height: 48px;
-  font-size:16px;
+  font-size: 1rem;
   letter-spacing:0.7px
 }
 
@@ -332,6 +341,17 @@ ul.links {
 #archive .row .text {
   width: 80%;
 }
+.accessible #archive .row .image {
+  display: block;
+  height: 50vh;
+  opacity: 1 !important;
+}
+.accessible #archive .row .text {
+  display: block;
+  margin: 0 auto;
+  opacity: 1 !important;
+  width: 90%;
+}
 
 .gallery-video-post {
   position:relative;
diff --git a/StoneIsland/platforms/android/assets/www/css/cart.css b/StoneIsland/platforms/android/assets/www/css/cart.css
index c5725349..36a446a7 100755
--- a/StoneIsland/platforms/android/assets/www/css/cart.css
+++ b/StoneIsland/platforms/android/assets/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/platforms/android/assets/www/css/index.css b/StoneIsland/platforms/android/assets/www/css/index.css
index fa3dae54..83b3353a 100755
--- a/StoneIsland/platforms/android/assets/www/css/index.css
+++ b/StoneIsland/platforms/android/assets/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 {
@@ -54,11 +54,47 @@ a, a:visited {
   to {-webkit-transform: rotate(360deg)}
 }
 
-.scroll {
+.iscroll .scroll {
   position: absolute;
   width: 100%;
 }
-
+.vscroll .scroll {
+  width: 100%;
+/*  height: calc(100vh - 2.5rem);
+  overflow: scroll;
+  -webkit-overflow-scrolling: touch;
+*/
+}
+.vscroll body,
+html.vscroll {
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.vscroll #header,
+.vscroll #footer,
+.vscroll #nav {
+  position: fixed;
+}
+.vscroll #story,
+.vscroll #hub,
+.vscroll #archive,
+.vscroll .page,
+.vscroll #collection,
+.vscroll #product,
+.vscroll #search,
+.vscroll #closed,
+.vscroll #login,
+.vscroll #logout,
+.vscroll #signup,
+.vscroll #cart,
+.vscroll #profile,
+.vscroll #shipping,
+.vscroll #payment,
+.vscroll #settings,
+.vscroll #content,
+.vscroll #orders {
+  overflow: auto;
+}
 .error_hilite {
   color: red !important;
   border-color: red !important;
@@ -71,7 +107,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/platforms/android/assets/www/css/nav.css b/StoneIsland/platforms/android/assets/www/css/nav.css
index d69ff144..f555ce99 100755
--- a/StoneIsland/platforms/android/assets/www/css/nav.css
+++ b/StoneIsland/platforms/android/assets/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;
@@ -386,11 +386,6 @@ padding-bottom:0px;
 #consent_error.visible {
   opacity: 1;
 }
-.accessible #consent_modal br:nth-last-of-type(1),
-.accessible #consent_modal br:nth-last-of-type(2) {
-  display: none;
-}
-
 /* SELECTOR */
 
 #selector {
@@ -417,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;
@@ -452,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){
@@ -501,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/platforms/android/assets/www/css/products.css b/StoneIsland/platforms/android/assets/www/css/products.css
index fbc22d28..63e9b020 100755
--- a/StoneIsland/platforms/android/assets/www/css/products.css
+++ b/StoneIsland/platforms/android/assets/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/platforms/android/assets/www/css/vendor/flickity.css b/StoneIsland/platforms/android/assets/www/css/vendor/flickity.css
index b8eca4e4..99a09e72 100755
--- a/StoneIsland/platforms/android/assets/www/css/vendor/flickity.css
+++ b/StoneIsland/platforms/android/assets/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 ---- */