@sc-360-v2/storefront-cms-library 0.3.52 → 0.3.53

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.
@@ -193,7 +193,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
193
193
  border: 0.5px solid transparent;
194
194
  &:hover {
195
195
  background-color: var(--_gray-100);
196
- border: 0.5px solid var(--_primary-400);
196
+ border: 0.5px solid #243dc6;
197
197
  cursor: pointer;
198
198
  border-radius: 4px;
199
199
  }
@@ -403,17 +403,19 @@ $resizeActive: '[data-cms-element-resizer="true"]';
403
403
  }
404
404
  }
405
405
  .cart-badge {
406
+ background-color: #ffd700;
407
+ color: #101810;
408
+ border-radius: 4px;
409
+ font-size: 12px;
410
+ font-weight: 400;
411
+ height: 20px;
412
+ width: 20px;
406
413
  position: absolute;
407
- top: -5px;
414
+ top: -8px;
408
415
  right: -8px;
409
- background-color: #ffd400;
410
- color: #000;
411
- border-radius: 4px;
412
- padding: 2px 6px;
413
- font-size: 14px;
414
- font-weight: bold;
415
- min-width: 20px;
416
- text-align: center;
416
+ display: flex;
417
+ align-items: center;
418
+ justify-content: center;
417
419
  }
418
420
  }
419
421
  }
@@ -696,14 +698,20 @@ $resizeActive: '[data-cms-element-resizer="true"]';
696
698
  }
697
699
  }
698
700
  .add-to-cart {
699
- width: 100%;
701
+ // width: 100%;
700
702
  // height: 56px;
701
703
  opacity: 1;
704
+ display: flex;
705
+ align-items: center;
702
706
  gap: 8px;
703
- padding-top: 12px;
704
- padding-right: 24px;
705
- padding-bottom: 12px;
706
- padding-left: 24px;
707
+ // padding-top: 12px;
708
+ // padding-right: 24px;
709
+ // padding-bottom: 12px;
710
+ // padding-left: 24px;
711
+ padding: var(
712
+ --_ctm-mob-dn-pt-ds-at-pg,
713
+ var(--_ctm-tab-dn-pt-ds-at-pg, var(--_ctm-dn-pt-ds-at-pg))
714
+ );
707
715
  border-style: var(
708
716
  --_ctm-mob-dn-pt-ds-at-br-se,
709
717
  var(--_ctm-tab-dn-pt-ds-at-br-se, var(--_ctm-dn-pt-ds-at-br-se))
@@ -726,6 +734,30 @@ $resizeActive: '[data-cms-element-resizer="true"]';
726
734
  );
727
735
  box-shadow: 0px 1px 2px 0px #1018280d;
728
736
  text-align: center;
737
+ font-family: var(
738
+ --_ctm-mob-dn-pt-ds-at-ft-fy,
739
+ var(--_ctm-tab-dn-pt-ds-at-ft-fy, var(--_ctm-dn-pt-ds-at-ft-fy))
740
+ );
741
+ font-weight: var(
742
+ --_ctm-mob-dn-pt-ds-at-ft-wt,
743
+ var(--_ctm-tab-dn-pt-ds-at-ft-wt, var(--_ctm-dn-pt-ds-at-ft-wt))
744
+ );
745
+ font-size: var(
746
+ --_ctm-mob-dn-pt-ds-at-ft-se,
747
+ var(--_ctm-tab-dn-pt-ds-at-ft-se, var(--_ctm-dn-pt-ds-at-ft-se))
748
+ );
749
+ line-height: var(
750
+ --_ctm-mob-dn-pt-ds-at-le-ht,
751
+ var(--_ctm-tab-dn-pt-ds-at-le-ht, var(--_ctm-dn-pt-ds-at-le-ht))
752
+ );
753
+ letter-spacing: var(
754
+ --_ctm-mob-dn-pt-ds-at-lr-sg,
755
+ var(--_ctm-tab-dn-pt-ds-at-lr-sg, var(--_ctm-dn-pt-ds-at-lr-sg))
756
+ );
757
+ color: var(
758
+ --_ctm-mob-dn-pt-ds-at-cr,
759
+ var(--_ctm-tab-dn-pt-ds-at-cr, var(--_ctm-dn-pt-ds-at-cr))
760
+ );
729
761
  span {
730
762
  vertical-align: middle;
731
763
  }
@@ -1382,7 +1414,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1382
1414
  display: flex;
1383
1415
  gap: 8px;
1384
1416
  flex-wrap: wrap;
1385
- margin-bottom: 10px;
1417
+ // margin-bottom: 10px;
1386
1418
  flex-direction: row;
1387
1419
  gap: var(
1388
1420
  --_ctm-dn-pt-ds-vt-pr-vt-pr-lt-se-st-dy-se-im-sg,
@@ -3613,6 +3645,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
3613
3645
  & > img {
3614
3646
  width: 100%;
3615
3647
  height: 100%;
3648
+ object-fit: contain;
3616
3649
  }
3617
3650
  }
3618
3651
  }