style: wrap item-counter changes in forversion4.2 (#13907)

SAP · Oct 7, 2021 · b8af7ca · b8af7ca
1 parent e53fb3e
commit b8af7ca
Showing 1 changed file with 16 additions and 3 deletions.
diff --git a/projects/storefrontstyles/scss/components/cart/_item-counter.scss b/projects/storefrontstyles/scss/components/cart/_item-counter.scss
@@ -1,5 +1,7 @@
 %cx-item-counter {
-  width: 146px;
+  @include forVersion(4.2) {
+    width: 146px;
+  }
 
   input {
     text-align: center;
@@ -37,7 +39,13 @@
       border-width: 0 1px;
       padding: 12px 9px;
       max-height: 48px;
-      width: 46%;
+      min-width: 48px;
+      max-width: 78px;
+
+      @include forVersion(4.2) {
+        min-width: 46%;
+        max-width: 46%;
+      }
 
       &:focus {
         background: var(--cx-color-background);
@@ -52,7 +60,12 @@
     cursor: pointer;
     margin: 0;
     max-height: 48px;
-    width: 27%;
+    min-width: 40px;
+
+    @include forVersion(4.2) {
+      min-width: 27%;
+      max-width: 27%;
+    }
 
     @include type(3);