punkfairie/frontend-mentor
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

💄 feat: ProductCard-price

Browse source
This commit is contained in:
marleyrae 2023-05-28 21:18:25 -07:00
parent 114e79b577
commit efe400764a
1 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
product-preview-card-component/src/style.css
View file

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