@tet/tet-components 1.3.120-staging → 1.3.121-staging
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +1 -1
- package/dist/collection/components/advanced/cards/tet-compare-card-v2/tet-compare-card-v2.css +11 -3
- package/dist/components/tet-compare-card-v2.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +1 -1
- package/dist/tet-components/{p-942abee0.entry.js → p-47aeace6.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +1 -1
package/dist/collection/components/advanced/cards/tet-compare-card-v2/tet-compare-card-v2.css
CHANGED
|
@@ -7578,16 +7578,24 @@
|
|
|
7578
7578
|
* @prop --compare-card-price-padding: The padding for the compare cards price.
|
|
7579
7579
|
* @prop --compare-card-new-price-font-size: The font size of the new price for compare card.
|
|
7580
7580
|
* @prop --compare-card-new-currency-font-size: The font size of the currency element for compare card.
|
|
7581
|
+
* @prop --compare-card-half-60-background-color: The background color of the compare card top section.
|
|
7582
|
+
* @prop --compare-card-half-40-background-color: The background color of the compare card bottom section.
|
|
7581
7583
|
*/
|
|
7582
7584
|
display: inline-block;
|
|
7583
7585
|
flex: 1 0 0;
|
|
7584
|
-
--compare-card-background-color:
|
|
7586
|
+
--compare-card-background-color: linear-gradient(
|
|
7587
|
+
to bottom,
|
|
7588
|
+
var(--compare-card-half-60-background-color) 0%,
|
|
7589
|
+
var(--compare-card-half-40-background-color) 100%
|
|
7590
|
+
);
|
|
7585
7591
|
--compare-card-best-choice-text-color: var(--tc-text-black-permanent-dark);
|
|
7586
7592
|
--compare-card-title-text-color: var(--tc-yellow-40);
|
|
7587
7593
|
--compare-card-benefit-text-color: var(--tc-text-primary);
|
|
7588
7594
|
--compare-card-price-text-color: var(--tc-foundation-white);
|
|
7589
7595
|
--compare-card-secondary-link-text-color: var(--tc-text-primary);
|
|
7590
7596
|
--compare-card-hover-box-shadow: 0 0.1875rem 0.25rem rgba(10, 11, 13, 0.08), 0 0.1875rem 0.25rem rgba(10, 11, 13, 0.12);
|
|
7597
|
+
--compare-card-half-60-background-color: var(--tc-layer-inverse-primary);
|
|
7598
|
+
--compare-card-half-40-background-color: var(--tc-layer-primary);
|
|
7591
7599
|
--compare-card-padding: 1.5rem;
|
|
7592
7600
|
--compare-card-border-radius: 1.5rem;
|
|
7593
7601
|
--compare-card-price-padding: 0;
|
|
@@ -7631,13 +7639,13 @@
|
|
|
7631
7639
|
min-width: 18rem;
|
|
7632
7640
|
}
|
|
7633
7641
|
.card.dropdown .compare-card-half-60, .card.switcher .compare-card-half-60, .card.static .compare-card-half-60 {
|
|
7634
|
-
background: var(--
|
|
7642
|
+
background: var(--compare-card-half-60-background-color);
|
|
7635
7643
|
border-top-left-radius: var(--compare-card-border-radius);
|
|
7636
7644
|
border-top-right-radius: var(--compare-card-border-radius);
|
|
7637
7645
|
}
|
|
7638
7646
|
.card.dropdown .compare-card-half-40, .card.switcher .compare-card-half-40, .card.static .compare-card-half-40 {
|
|
7639
7647
|
height: 100%;
|
|
7640
|
-
background: var(--
|
|
7648
|
+
background: var(--compare-card-half-40-background-color);
|
|
7641
7649
|
border-bottom-left-radius: var(--compare-card-border-radius);
|
|
7642
7650
|
border-bottom-right-radius: var(--compare-card-border-radius);
|
|
7643
7651
|
}
|