Flip the order of some values in a calc

This fixes build crashes in CRA thanks to a parser bug that explodes when it encounters the original order (but inverted is fine)
Shopify · Jan 22, 2020 · 591e7a3 · 591e7a3
1 parent 4fd27a0
commit 591e7a3
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/styles/shared/_controls.scss b/src/styles/shared/_controls.scss
@@ -110,10 +110,10 @@
       &::before {
         content: '';
         position: absolute;
-        top: calc(var(--control-border-width) * -1);
-        right: calc(var(--control-border-width) * -1);
-        bottom: calc(var(--control-border-width) * -1);
-        left: calc(var(--control-border-width) * -1);
+        top: calc(-1 * var(--control-border-width));
+        right: calc(-1 * var(--control-border-width));
+        bottom: calc(-1 * var(--control-border-width));
+        left: calc(-1 * var(--control-border-width));
         border-radius: var(--p-border-radius-base);
         background-color: var(--p-action-interactive);
         opacity: 0;