@sc-360-v2/storefront-cms-library 0.3.66 → 0.3.67

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.
@@ -49,6 +49,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
49
49
  align-items: center;
50
50
  cursor: pointer;
51
51
  margin-bottom: 16px;
52
+ gap: 8px;
52
53
  h4 {
53
54
  font-size: 20px;
54
55
  color: var(--_gray-900);
@@ -864,6 +865,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
864
865
  border-left: 1px solid #d0d5dd;
865
866
  max-width: 80px;
866
867
  text-align: center;
868
+ &::-webkit-outer-spin-button,
869
+ &::-webkit-inner-spin-button {
870
+ -webkit-appearance: none;
871
+ margin: 0;
872
+ }
867
873
  }
868
874
  }
869
875
  }
@@ -1584,6 +1590,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1584
1590
 
1585
1591
  .infinite-group-list-container {
1586
1592
  max-height: calc(100vh - 200px);
1593
+ &.cart_items_grouped {
1594
+ margin-left: 30px;
1595
+ }
1587
1596
  }
1588
1597
 
1589
1598
  .space-y-4 > div {
@@ -1763,3 +1772,66 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1763
1772
  color: var(--_gray-900);
1764
1773
  }
1765
1774
  }
1775
+
1776
+ // cart loader
1777
+ .cart_loading_wpr {
1778
+ width: 100%;
1779
+ text-align: right;
1780
+ padding-left: 350px;
1781
+ height: 300px;
1782
+ display: flex;
1783
+ justify-content: center;
1784
+ align-items: center;
1785
+
1786
+ .cart_loader {
1787
+ width: 50%;
1788
+ height: 8px;
1789
+ display: inline-block;
1790
+ position: relative;
1791
+ overflow: hidden;
1792
+ border-radius: 30px;
1793
+ }
1794
+ .cart_loader::before {
1795
+ content: "";
1796
+ box-sizing: border-box;
1797
+ top: 0;
1798
+ left: 0;
1799
+ height: 100%;
1800
+ width: 100%;
1801
+ position: absolute;
1802
+ background-color: var(--_gay-400);
1803
+ background-image: linear-gradient(
1804
+ 45deg,
1805
+ rgba(0, 0, 0, 0.25) 25%,
1806
+ transparent 25%,
1807
+ transparent 50%,
1808
+ rgba(0, 0, 0, 0.25) 50%,
1809
+ rgba(0, 0, 0, 0.25) 75%,
1810
+ transparent 75%,
1811
+ transparent
1812
+ );
1813
+ background-size: 15px 15px;
1814
+ z-index: 10;
1815
+ }
1816
+ .cart_loader::after {
1817
+ content: "";
1818
+ box-sizing: border-box;
1819
+ width: 0%;
1820
+ height: 100%;
1821
+ background-color: var(--_gray-200);
1822
+ position: absolute;
1823
+ border-radius: 0 4px 4px 0;
1824
+ top: 0;
1825
+ left: 0;
1826
+ animation: animFw 4s ease-in infinite;
1827
+ }
1828
+
1829
+ @keyframes animFw {
1830
+ 0% {
1831
+ width: 0;
1832
+ }
1833
+ 100% {
1834
+ width: 100%;
1835
+ }
1836
+ }
1837
+ }
@@ -24,6 +24,9 @@
24
24
  display: inline-block;
25
25
  position: relative;
26
26
  transition: all 0.2s ease;
27
+ &.checkbox_grouped {
28
+ margin-right: 12px;
29
+ }
27
30
  }
28
31
 
29
32
  // checked state