1 files changed, 158 insertions, 6 deletions

diff --git a/StoneIsland/platforms/ios/www/css/cart.css b/StoneIsland/platforms/ios/www/css/cart.css
index 5a5efcd6..bc5088d5 100644
--- a/StoneIsland/platforms/ios/www/css/cart.css
+++ b/StoneIsland/platforms/ios/www/css/cart.css
@@ -19,22 +19,174 @@
   display: inline-block;
   font-size: 13px;
   text-align: center;
-  padding: 5px 0;
+  padding: 11px 0 10px;
   color: #bbb;
   width: 33%;
+  position:relative;
 }
-#cart .steps span.active {
-  color: #888;
+.summary_step, .shipping_step {
+border-right: 1px solid #bbb
 }
 
-#summary {
+#cart.summary .summary_step,
+#cart.payment .payment_step,
+#cart.shipping .shipping_step {
+  color: #000;
+}
+
+#cart_summary,
+#cart_shipping,
+#cart_payment,
+#cart_confirm,
+#cart_thanks {
+  height: calc(100vh - 195px);
+  overflow: hidden;
+  position: relative;
+}
+
+#cart.summary #cart_summary { display: block }
+#cart_summary {
+  display: none;
+}
+
+.full .cart_body { display: block; }
+.empty .cart_empty { display: block; }
+.cart_body {
   display: none;
 }
+.cart_empty {
+  display: none;
+  text-align: center;
+  margin: 0;
+}
 
-#shipping {
+#cart.payment #cart_payment { display: block }
+#cart_payment {
   display: none;
 }
 
-#billing {
+#cart.shipping #cart_shipping { display: block }
+#cart_shipping {
   display: none;
 }
+
+#cart.confirm #cart_confirm { display: block }
+#cart_confirm {
+  display: none;
+}
+
+#cart.thanks #cart_thanks { display: block }
+#cart_thanks {
+  display: none;
+}
+
+.summary-container {
+  top:0px;
+}
+
+.billing-container {
+  min-height:calc(100vh - 210px);
+  top:16px;
+}
+
+.cart_item_row {
+display:table;
+position:relative;
+width:calc(100vw - 30px);
+margin:0 auto;
+box-sizing:border-box;
+padding-top:20px;
+}
+
+.cart_item_info, .cart_item_price {
+display:table-cell;
+vertical-align:bottom;
+box-sizing:border-box
+}
+
+.cart_item_image {
+display:table-cell;
+vertical-align:middle;
+box-sizing:border-box
+}
+
+.cart_item_image img {
+max-width:calc(33vw - 25px);
+}
+
+.cart_item_info {
+padding-left:30px;
+padding-bottom:5px;
+position:relative;
+width:100%
+}
+
+.cart_item_price {
+text-align:right;
+position:relative;
+padding-bottom:5px;
+padding-left:5px;
+}
+
+.cart_item_price .price {
+font-size:11px;
+font-weight:bold;
+display:block
+}
+
+.cart_item_info .sku {
+font-size:10px;
+font-weight:bold;
+display:block
+}
+
+.cart_item_info .title {
+font-size:10px;
+font-weight:bold;
+display:block;
+line-height:12px;
+text-transform:uppercase;
+}
+
+.cart_item_info .type {
+font-size:10px;
+font-weight:bold;
+display:block;
+text-transform:capitalize;
+}
+
+.cart_item_info .meta {
+padding-top:5px;
+letter-spacing:.75px;
+font-size:8px;
+}
+
+.cart-summary {
+width:calc(100vw - 30px);
+margin:0 auto;
+display:table;
+color:#bbb;
+font-size:11px;
+}
+
+.cart-summary-row {
+display:table-row;
+}
+
+.cart-summary span {
+display:table-cell;
+padding-top:20px;
+vertical-align:bottom;
+}
+
+.cart-summary-row span:not(.label) {
+text-align:right
+}
+
+.cart-summary-row .label {
+font-weight:bold
+}
+
+.cart-summary-row:last-child {
+color:#000;
+}
\ No newline at end of file