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; +}