fix: use syntax compatible with postcss-calc

postcss-calc isn't happy about the `calc()` function without a `var()` (see #433). This new syntax is compatible and produces the same output in our distributed file.
ministryofjustice · Jan 9, 2023 · 6dec28d · 6dec28d
1 parent 13e6b08
commit 6dec28d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/moj/objects/_scrollable-pane.scss b/src/moj/objects/_scrollable-pane.scss
@@ -9,7 +9,7 @@
       to right,
       $scrollableBgColor,
       $scrollableBgColor,
-      $scrollableTransparentColor calc($scrollableShadowSize * 2)
+      $scrollableTransparentColor calc(var($scrollableShadowSize) * 2)
     ),
     radial-gradient(
       farthest-side at 0 50%,
@@ -20,7 +20,7 @@
       to left,
       $scrollableBgColor,
       $scrollableBgColor,
-      $scrollableTransparentColor calc($scrollableShadowSize * 2)
+      $scrollableTransparentColor calc(var($scrollableShadowSize) * 2)
     ),
     radial-gradient(
         farthest-side at 100% 50%,