diff --git a/packages/editor/src/components/block-list/style.scss b/packages/editor/src/components/block-list/style.scss index 6afce0fcbc3858..b059f363d0f08b 100644 --- a/packages/editor/src/components/block-list/style.scss +++ b/packages/editor/src/components/block-list/style.scss @@ -32,16 +32,6 @@ > .editor-block-list__block-edit .reusable-block-edit-panel * { z-index: z-index(".editor-block-list__block-edit .reusable-block-edit-panel *"); } - - &.is-focus-mode:not(.is-multi-selected) { - opacity: 0.5; - transition: opacity 0.1s linear; - - &:not(.is-focused) .editor-block-list__block, - &.is-focused { - opacity: 1; - } - } } @@ -171,6 +161,17 @@ &.is-hovered > .editor-block-list__block-edit::before { outline: $border-width solid theme(outlines); } + + // Spotlight mode + &.is-focus-mode:not(.is-multi-selected) { + opacity: 0.5; + transition: opacity 0.1s linear; + + &:not(.is-focused) .editor-block-list__block, + &.is-focused { + opacity: 1; + } + } }