chore: use math.div instead of division slash (#3035)

Co-authored-by: Oliver Schürch <[email protected]>
swisspost · May 15, 2024 · 8bc46eb · 8bc46eb
1 parent c14c338
commit 8bc46eb
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/styles/src/components/button.scss b/packages/styles/src/components/button.scss
@@ -178,7 +178,7 @@
 .btn-animated:not(.btn-link, .btn-tertiary) {
   &::after {
     right: button.$btn-padding-x-md - button.$btn-animation-distance-md -
-      (button.$btn-font-size-md * 2 / 3);
+      (math.div(button.$btn-font-size-md * 2, 3));
     transform: translateX(button.$btn-border-width * -1);
   }
 
@@ -188,7 +188,7 @@
           button.$btn-animation-distance-map,
           $size
         ) -
-        (map.get(button.$btn-font-size-map, $size) * 2 / 3);
+        (math.div(map.get(button.$btn-font-size-map, $size) * 2, 3));
     }
   }
 
@@ -212,7 +212,7 @@
   &::after {
     @include icon-mx.icon(2110);
     left: button.$btn-padding-x-md - button.$btn-animation-distance-md -
-      (button.$btn-font-size-md * 2 / 3);
+      (math.div(button.$btn-font-size-md * 2, 3));
     transform: translateX(button.$btn-border-width);
   }
 
@@ -222,7 +222,7 @@
           button.$btn-animation-distance-map,
           $size
         ) -
-        (map.get(button.$btn-font-size-map, $size) * 2 / 3);
+        (math.div(map.get(button.$btn-font-size-map, $size) * 2, 3));
     }
   }