2021 Compat: Update the style of the "sale" badge

This commit is contained in:
Jonathan Sadowski 2020-11-22 22:44:56 -06:00
parent 0f85f1d754
commit b92c528540
1 changed files with 20 additions and 10 deletions

View File

@ -8,7 +8,7 @@ $headings: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, sans-
$body: nonbreakingspaceoverride, "Hoefler Text", garamond, "Times New Roman", serif; $body: nonbreakingspaceoverride, "Hoefler Text", garamond, "Times New Roman", serif;
$body-color: currentColor; $body-color: currentColor;
$highlights-color: #cd2653; $highlights-color: #88a171;
/** /**
* Fonts * Fonts
@ -156,8 +156,8 @@ a.button {
.onsale { .onsale {
position: absolute; position: absolute;
top: 0; top: -0.7rem;
left: 0; right: -0.7rem;
display: inline-block; display: inline-block;
background: $highlights-color; background: $highlights-color;
color: #fff; color: #fff;
@ -165,10 +165,14 @@ a.button {
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 700; font-weight: 700;
letter-spacing: -0.02em; letter-spacing: -0.02em;
line-height: 1.2; line-height: 4rem;
padding: 1rem;
text-transform: uppercase;
z-index: 1; z-index: 1;
border-radius: 50%;
height: 4.2rem;
width: 4.2rem;
text-align: center;
padding: 0;
margin: 0;
} }
.price { .price {
@ -2157,7 +2161,7 @@ a.reset_variations {
ul.products[class*=columns-] { ul.products[class*=columns-] {
li.product { li.product {
width: 100%; width: auto;
} }
} }
} }
@ -2185,7 +2189,9 @@ a.reset_variations {
.onsale { .onsale {
font-size: 1.2rem; font-size: 1.2rem;
padding: 1rem; height: 4.2rem;
width: 4.2rem;
line-height: 4rem;
} }
} }
} }
@ -2428,7 +2434,9 @@ a.reset_variations {
.onsale { .onsale {
font-size: 1rem; font-size: 1rem;
padding: 0.8rem; width: 3.4rem;
height: 3.4rem;
line-height: 3.2rem;
} }
} }
@ -2581,7 +2589,9 @@ a.reset_variations {
.onsale { .onsale {
font-size: 1.2rem; font-size: 1.2rem;
padding: 1rem; height: 4.2rem;
width: 4.2rem;
line-height: 4rem;
} }
} }