diff --git a/web/app/themes/badegg/resources/css/editor.scss b/web/app/themes/badegg/resources/css/editor.scss index 2a3312d..f225c36 100644 --- a/web/app/themes/badegg/resources/css/editor.scss +++ b/web/app/themes/badegg/resources/css/editor.scss @@ -20,20 +20,6 @@ } .editor-visual-editor { - .wp-block { - max-width: none; - } - - .is-root-container > .wp-block:not(.block-list-appender) { - margin: 0; - } - - .block-list-appender { - width: 350px; - max-width: 90%; - margin: 1em auto; - } - &__post-title-wrapper { position: sticky; top: 0; @@ -43,26 +29,41 @@ background: white; box-shadow: 0 0.5rem 1rem rgba(black, 0.15); } +} - .wp-block-post-title { - position: relative; - padding: 0.5rem; - border: 1px solid rgba(black, 0.3); - margin: 0; +.editor-styles-wrapper { + background: colours.$grey-lightest; - &::before { - content: 'Page Title'; - position: absolute; - top: -0.5rem; - left: 0.5rem; - color: rgba(black, 0.3); - font-size: 0.8rem; - display: block; - padding: 0 0.5rem; - margin: 0; - background: white; - line-height: 1; - font-weight: 400; - } + .block-list-appender { + width: 350px; + max-width: 90%; + margin: 1em auto; } } + +.wp-block-post-title { + position: relative; + padding: 0.5rem; + border: 1px solid rgba(black, 0.3); + margin: 0; + + &::before { + content: 'Page Title'; + position: absolute; + top: -0.5rem; + left: 0.5rem; + color: rgba(black, 0.3); + font-size: 0.8rem; + display: block; + padding: 0 0.5rem; + margin: 0; + background: white; + line-height: 1; + font-weight: 400; + } +} + +.is-root-container > .wp-block:not(.block-list-appender) { + max-width: none; + margin: 0; +}