From 7fbe674c6619439e5b185a6fdae52f10812e9dd5 Mon Sep 17 00:00:00 2001
From: Joen A <1204802+jasmussen@users.noreply.github.com>
Date: Fri, 28 May 2021 12:07:46 +0200
Subject: [PATCH] Try: Make focus style valid CSS. (#32305)

* Try: Make focus style valid CSS.

* Fix scss.
---
 .../src/components/block-variation-transforms/style.scss        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/block-editor/src/components/block-variation-transforms/style.scss b/packages/block-editor/src/components/block-variation-transforms/style.scss
index afdc95917f7ad6..2a02afdf6b7476 100644
--- a/packages/block-editor/src/components/block-variation-transforms/style.scss
+++ b/packages/block-editor/src/components/block-variation-transforms/style.scss
@@ -20,7 +20,7 @@
 
 		&:focus:not(:disabled) {
 			border-color: var(--wp-admin-theme-color);
-			box-shadow: 0 0 0 (var(--wp-admin-border-width-focus) - $border-width) var(--wp-admin-theme-color);
+			box-shadow: 0 0 0 calc(var(--wp-admin-border-width-focus) - #{ $border-width }) var(--wp-admin-theme-color);
 		}
 
 		svg {