From dca530801f0b535b1583808f7229151350fa972d Mon Sep 17 00:00:00 2001 From: jasmussen Date: Fri, 28 May 2021 10:39:52 +0200 Subject: [PATCH 1/2] Try: Make focus style valid CSS. --- .../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..92441b2841f82a 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 { From b49a76f80946c267ccc83d1a112210c8374ef944 Mon Sep 17 00:00:00 2001 From: jasmussen Date: Fri, 28 May 2021 11:32:57 +0200 Subject: [PATCH 2/2] 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 92441b2841f82a..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 calc(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 {