From f10d739db922dd2060ab76b4266eae4d50e9fcf7 Mon Sep 17 00:00:00 2001
From: Anatasof Wirapraja <anata@darapsa.co.id>
Date: Mon, 5 Jul 2021 20:29:35 +0700
Subject: add .cart classes and cart item on basket

---
 html/css/product.css | 51 ++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 50 insertions(+), 1 deletion(-)

(limited to 'html')

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
-- 
cgit v1.2.3