summaryrefslogtreecommitdiff
path: root/StoneIsland/www/css/cart.css
diff options
context:
space:
mode:
Diffstat (limited to 'StoneIsland/www/css/cart.css')
-rw-r--r--StoneIsland/www/css/cart.css104
1 files changed, 96 insertions, 8 deletions
diff --git a/StoneIsland/www/css/cart.css b/StoneIsland/www/css/cart.css
index 78637f5f..54c66553 100644
--- a/StoneIsland/www/css/cart.css
+++ b/StoneIsland/www/css/cart.css
@@ -17,9 +17,9 @@
}
#cart .steps span {
display: inline-block;
- font-size: 14px;
+ font-size: 13px;
text-align: center;
- padding: 15px 0 14px;
+ padding: 11px 0 10px;
color: #bbb;
width: 33%;
position:relative;
@@ -85,25 +85,113 @@ border-right: 1px solid #bbb
}
.billing-container {
- height:calc(100vh - 210px);
+ min-height:calc(100vh - 210px);
top:16px;
}
.cart_item_row {
display:table;
position:relative;
-width:calc(100vw - 10px);
+width:calc(100vw - 30px);
margin:0 auto;
+border:1px solid red;
+box-sizing:border-box;
+padding-top:20px;
}
-.cart_item_image, .cart_item_info, .cart_item_price {
-display:table-cell
+.cart_item_info, .cart_item_price {
+display:table-cell;
+vertical-align:bottom;
+border:1px solid blue;
+box-sizing:border-box
+}
+
+.cart_item_image {
+display:table-cell;
+vertical-align:middle;
+border:1px solid blue;
+box-sizing:border-box
}
.cart_item_image img {
-max-width:100px
+max-width:calc(33vw - 25px);
}
.cart_item_info {
-padding-left:50px
+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 {
+border:1px solid green;
+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;
+border:1px solid purple;
+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