@sc-360-v2/storefront-cms-library 0.2.46 → 0.2.48
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/builder.js +1 -1
- package/dist/categoryDetails.scss +42 -0
- package/dist/icons.js +1 -1
- package/dist/image-temp.scss +14 -0
- package/dist/index.js +1 -1
- package/dist/product-image.scss +7 -3
- package/dist/sort.scss +1 -1
- package/dist/variant-picker.scss +10 -1
- package/dist/widget.scss +2 -0
- package/package.json +1 -1
package/dist/product-image.scss
CHANGED
|
@@ -575,16 +575,17 @@
|
|
|
575
575
|
margin-left: calc(var(--thumbs-slide-spacing) * -1);
|
|
576
576
|
gap: var(--_ctm-lt-tl-sg);
|
|
577
577
|
width: 100%;
|
|
578
|
-
|
|
578
|
+
justify-content: center;
|
|
579
579
|
// height: 200px;
|
|
580
580
|
|
|
581
581
|
.embla__thumbs__slide {
|
|
582
|
-
min-width: var(--_ctm-lt-tl-se);
|
|
582
|
+
// min-width: var(--_ctm-lt-tl-se);
|
|
583
583
|
max-width: var(--_ctm-lt-tl-se);
|
|
584
584
|
height: var(--_ctm-lt-tl-se);
|
|
585
585
|
& img {
|
|
586
586
|
width: 100%;
|
|
587
587
|
height: 100%;
|
|
588
|
+
object-fit: contain;
|
|
588
589
|
}
|
|
589
590
|
}
|
|
590
591
|
}
|
|
@@ -592,6 +593,9 @@
|
|
|
592
593
|
}
|
|
593
594
|
|
|
594
595
|
.gallery__slide {
|
|
596
|
+
img[data-has-link="true"] {
|
|
597
|
+
cursor: pointer;
|
|
598
|
+
}
|
|
595
599
|
width: 100%;
|
|
596
600
|
height: 100%;
|
|
597
601
|
display: flex;
|
|
@@ -660,7 +664,7 @@
|
|
|
660
664
|
// }
|
|
661
665
|
}
|
|
662
666
|
> img {
|
|
663
|
-
object-fit:
|
|
667
|
+
object-fit: contain;
|
|
664
668
|
}
|
|
665
669
|
&[data-text-position="On Image"] {
|
|
666
670
|
.gallery-header {
|
package/dist/sort.scss
CHANGED
package/dist/variant-picker.scss
CHANGED
|
@@ -300,7 +300,6 @@
|
|
|
300
300
|
--_show-border-im-se,
|
|
301
301
|
var(--_ctm-dn-se-on-ve-se-dt-se-br-wh, var(--_tst-dn-br-wh))
|
|
302
302
|
);
|
|
303
|
-
border-radius: var(--_ctm-dn-se-on-ve-se-dt-se-br-rs, var(--_tst-dn-br-rs));
|
|
304
303
|
box-shadow: var(
|
|
305
304
|
--_show-shadow-im-se,
|
|
306
305
|
var(--_ctm-dn-se-on-ve-se-dt-se-sw-ae, var(--_tst-dn-sw-ae))
|
|
@@ -309,6 +308,16 @@
|
|
|
309
308
|
var(--_ctm-dn-se-on-ve-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
|
|
310
309
|
);
|
|
311
310
|
border-radius: var(--_ctm-dn-se-on-ve-se-dt-se-br-rs);
|
|
311
|
+
&[data-dt-se-bd-se="circle"] {
|
|
312
|
+
border-radius: 999px;
|
|
313
|
+
}
|
|
314
|
+
&[data-dt-se-bd-se="square"],
|
|
315
|
+
&[data-dt-se-bd-se="none"] {
|
|
316
|
+
border-radius: 0;
|
|
317
|
+
}
|
|
318
|
+
&[data-dt-se-bd-se="rounded"] {
|
|
319
|
+
border-radius: var(--_ctm-dn-se-on-ve-se-dt-se-br-rs, var(--_tst-dn-br-rs));
|
|
320
|
+
}
|
|
312
321
|
background-color: var(--_ctm-dn-se-on-ve-se-dt-se-bd-cr);
|
|
313
322
|
&:hover {
|
|
314
323
|
border-color: var(
|
package/dist/widget.scss
CHANGED