Skip to content

Commit 7696ba4

Browse files
committed
Remove gap property from simplified pricing express variant styles and apply indigo-800 color to optical price when preceded by strikethrough for improved visual consistency.
1 parent 6b95e02 commit 7696ba4

File tree

3 files changed

+34
-19
lines changed

3 files changed

+34
-19
lines changed

libs/deps/mas/merch-card.js

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1819,7 +1819,6 @@ merch-card[variant="simplified-pricing-express"] [slot="body-s"] {
18191819
merch-card[variant="simplified-pricing-express"] [slot="cta"] {
18201820
display: flex;
18211821
flex-direction: row;
1822-
gap: 8px;
18231822
margin-top: auto;
18241823
}
18251824
@@ -1889,6 +1888,12 @@ merch-card[variant="simplified-pricing-express"] span[is="inline-price"][data-te
18891888
text-decoration-thickness: 2px;
18901889
}
18911890
1891+
/* Apply indigo-800 color to optical price when preceded by strikethrough */
1892+
merch-card[variant="simplified-pricing-express"] span[is="inline-price"][data-template='strikethrough'] + span[is="inline-price"][data-template='optical'],
1893+
merch-card[variant="simplified-pricing-express"] span[is="inline-price"][data-template='strikethrough'] + span[is="inline-price"][data-template='optical'] .price-currency-symbol {
1894+
color: var(--spectrum-indigo-800);
1895+
}
1896+
18921897
/* Hide screen reader only text */
18931898
merch-card[variant="simplified-pricing-express"] sr-only {
18941899
position: absolute;

0 commit comments

Comments
 (0)