From efe400764a7c7f5293a67a3096a18a5bf42ee3b1 Mon Sep 17 00:00:00 2001 From: marleyrae Date: Sun, 28 May 2023 21:18:25 -0700 Subject: [PATCH] :lipstick: feat: ProductCard-price --- product-preview-card-component/src/style.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/product-preview-card-component/src/style.css b/product-preview-card-component/src/style.css index b42455d..a3e9437 100644 --- a/product-preview-card-component/src/style.css +++ b/product-preview-card-component/src/style.css @@ -13,6 +13,7 @@ --t-family-display: 'Fraunces'; --t-weight-display: 700; + --t-size-display: 2.25rem; font-size: 14px; } @@ -64,7 +65,7 @@ body { .ProductCard-title { font-family: var(--t-family-display); - font-size: 2.25rem; + font-size: var(--t-size-display); color: black; margin-top: 0; margin-bottom: 1rem; @@ -80,3 +81,14 @@ body { display: flex; align-items: center; } + +.ProductCard-price { + font-family: var(--t-family-display); + font-size: var(--t-size-display); + color: var(--c-darkCyan); +} + +.ProductCard-price--discounted { + text-decoration: line-through; + margin-left: 1.25rem; +}