@deriv-web-design/ui 0.1.13 → 0.1.14
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/index.css +27 -8
- package/dist/index.css.map +1 -1
- package/dist/index.js +2 -12
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -12
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -7609,8 +7609,7 @@
|
|
|
7609
7609
|
scroll-snap-type: x proximity;
|
|
7610
7610
|
scroll-behavior: smooth;
|
|
7611
7611
|
-webkit-overflow-scrolling: touch;
|
|
7612
|
-
scrollbar-width:
|
|
7613
|
-
scrollbar-color: var(--testimonial-dot-color) transparent;
|
|
7612
|
+
scrollbar-width: none;
|
|
7614
7613
|
margin-block: calc(var(--spacing-8) * -1);
|
|
7615
7614
|
padding-block: var(--spacing-8);
|
|
7616
7615
|
scroll-padding-inline: max(var(--spacing-16), calc((100vw - var(--content-width-1280)) / 2 + var(--spacing-16)));
|
|
@@ -7620,6 +7619,9 @@
|
|
|
7620
7619
|
scroll-padding-inline: max(var(--spacing-24), calc((100vw - var(--content-width-1280)) / 2 + var(--spacing-24)));
|
|
7621
7620
|
}
|
|
7622
7621
|
}
|
|
7622
|
+
.testimonial__tp-carousel::-webkit-scrollbar {
|
|
7623
|
+
display: none;
|
|
7624
|
+
}
|
|
7623
7625
|
.testimonial__tp-carousel:focus-visible {
|
|
7624
7626
|
outline: 2px solid var(--testimonial-trustpilot-focus-ring);
|
|
7625
7627
|
outline-offset: -2px;
|
|
@@ -7629,11 +7631,22 @@
|
|
|
7629
7631
|
gap: var(--spacing-24);
|
|
7630
7632
|
width: 100%;
|
|
7631
7633
|
box-sizing: border-box;
|
|
7632
|
-
padding-
|
|
7634
|
+
padding-left: max(var(--spacing-16), calc((100vw - var(--content-width-1280)) / 2 + var(--spacing-16)));
|
|
7633
7635
|
}
|
|
7634
7636
|
@media (min-width: 768px) {
|
|
7635
7637
|
.testimonial__tp-track {
|
|
7636
|
-
padding-
|
|
7638
|
+
padding-left: max(var(--spacing-24), calc((100vw - var(--content-width-1280)) / 2 + var(--spacing-24)));
|
|
7639
|
+
}
|
|
7640
|
+
}
|
|
7641
|
+
.testimonial__tp-track::after {
|
|
7642
|
+
content: "";
|
|
7643
|
+
display: block;
|
|
7644
|
+
margin-left: calc(-1 * var(--spacing-24));
|
|
7645
|
+
flex: 0 0 max(var(--spacing-16), calc((100vw - var(--content-width-1280)) / 2 + var(--spacing-16)));
|
|
7646
|
+
}
|
|
7647
|
+
@media (min-width: 768px) {
|
|
7648
|
+
.testimonial__tp-track::after {
|
|
7649
|
+
flex-basis: max(var(--spacing-24), calc((100vw - var(--content-width-1280)) / 2 + var(--spacing-24)));
|
|
7637
7650
|
}
|
|
7638
7651
|
}
|
|
7639
7652
|
.testimonial__tp-card-wrap {
|
|
@@ -7736,6 +7749,12 @@
|
|
|
7736
7749
|
display: flex;
|
|
7737
7750
|
justify-content: center;
|
|
7738
7751
|
}
|
|
7752
|
+
@media (max-width: 767px) {
|
|
7753
|
+
.testimonial__tp-trust {
|
|
7754
|
+
flex: 0 0 auto;
|
|
7755
|
+
width: 100%;
|
|
7756
|
+
}
|
|
7757
|
+
}
|
|
7739
7758
|
.testimonial__tp-badge {
|
|
7740
7759
|
display: inline-flex;
|
|
7741
7760
|
align-items: center;
|
|
@@ -7780,16 +7799,16 @@
|
|
|
7780
7799
|
cursor: pointer;
|
|
7781
7800
|
transition: border-color 0.15s ease;
|
|
7782
7801
|
}
|
|
7783
|
-
.testimonial__tp-nav-btn:hover {
|
|
7802
|
+
.testimonial__tp-nav-btn:hover:not(:disabled) {
|
|
7784
7803
|
border-color: var(--testimonial-trustpilot-nav-border-hover);
|
|
7785
7804
|
}
|
|
7786
7805
|
.testimonial__tp-nav-btn:focus-visible {
|
|
7787
7806
|
outline: 2px solid var(--testimonial-trustpilot-focus-ring);
|
|
7788
7807
|
outline-offset: var(--spacing-2);
|
|
7789
7808
|
}
|
|
7790
|
-
.testimonial__tp-nav-btn
|
|
7791
|
-
|
|
7792
|
-
|
|
7809
|
+
.testimonial__tp-nav-btn:disabled {
|
|
7810
|
+
opacity: 0.24;
|
|
7811
|
+
cursor: not-allowed;
|
|
7793
7812
|
}
|
|
7794
7813
|
|
|
7795
7814
|
/* templates/ArticleHero/ArticleHero.css */
|