add .cart classes and cart item on basket

1 files changed, 50 insertions, 1 deletions

diff --git a/html/css/product.css b/html/css/product.css
index ee0d69c..fbd709c 100644
--- a/html/css/product.css
+++ b/html/css/product.css
@@ -83,4 +83,53 @@
   }
 }
 
-.overflow-hidden { overflow: hidden; }
\ No newline at end of file
+.overflow-hidden { overflow: hidden; }
+
+/*
+ * Cart
+ */
+
+.cart-header {
+  text-transform: uppercase;
+  letter-spacing: 0.2em;
+  font-weight: bold;
+  padding: 1.2rem 2rem;
+  background: #f8f9fa
+}
+
+.cart-body {
+  padding: 0 2rem
+}
+
+.cart-footer {
+  background: #f8f9fa;
+  padding: 0 2rem
+}
+
+.cart-footer .cart-item {
+  padding-top: 1rem;
+  padding-bottom: 1rem
+}
+
+.cart-item {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+  border-bottom: 1px solid #e9ecef
+}
+
+.cart-item:last-of-type {
+  border-bottom: none
+}
+
+.cart-item-img {
+  max-width: 80px
+}
+
+.cart-title {
+  margin-left: 1rem
+}
+
+.cart-remove {
+  color: #495057;
+  font-size: .7875rem
+}
\ No newline at end of file