From f10d739db922dd2060ab76b4266eae4d50e9fcf7 Mon Sep 17 00:00:00 2001 From: Anatasof Wirapraja 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/css') 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