block-editor.css

:root{--outline-color:lightgray;--outline-text-color:black;--outline-style:solid;--outline-opacity:1;--outline-padding:3px}.outline-floating-block-data{display:none}body.is-dragging-components-draggable .block-editor-block-list__layout .wp-block:not(.block-list-appender):not(.block-editor-default-block-appender){outline:1px var(--outline-style) transparent}body.is-dragging-components-draggable .outline-floating-block-data{display:none}body:not(.is-dragging-components-draggable) .block-editor-block-list__layout .wp-block:not(.block-list-appender):not(.block-editor-default-block-appender){outline:1px var(--outline-style) transparent;transition:outline .2s}body:not(.is-dragging-components-draggable) .block-editor-block-list__layout .wp-block:not(.block-list-appender):not(.block-editor-default-block-appender).outline-block-hovered{outline-color:var(--outline-color)}body:not(.is-dragging-components-draggable) .block-editor-block-list__layout .wp-block:not(.block-list-appender):not(.block-editor-default-block-appender).outline-block-hovered::after,body:not(.is-dragging-components-draggable) .block-editor-block-list__layout .wp-block:not(.block-list-appender):not(.block-editor-default-block-appender).outline-block-hovered::before{opacity:1}body:not(.is-dragging-components-draggable) .block-editor-block-list__layout .wp-block:not(.block-list-appender):not(.block-editor-default-block-appender)::before{content:attr(data-type);padding:.3em .6em;font-size:.8rem;position:absolute;color:var(--outline-text-color);font-family:'Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;top:0;right:-1px;bottom:initial;left:initial!important;background-color:var(--outline-color);transition:opacity .2s;opacity:0;pointer-events:none;z-index:5;font-weight:400;transform:translateY(-100%);width:auto;height:auto}body:not(.is-dragging-components-draggable) .block-editor-block-list__layout .wp-block:not(.block-list-appender):not(.block-editor-default-block-appender)::after{content:attr(class);padding:.3em .6em;font-size:11px;position:absolute;color:var(--outline-text-color);font-family:'Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;bottom:0;right:-1px;top:auto;left:initial!important;background-color:var(--outline-color);transition:opacity .2s;opacity:0;pointer-events:none;z-index:5;font-weight:400;line-height:1em;transform:translateY(100%);min-height:auto;width:auto;height:auto}body:not(.is-dragging-components-draggable)[block-data-position=floating] .outline-floating-block-data{padding:1em;position:fixed;pointer-events:none;background-color:var(--outline-color);display:inline-block;color:var(--outline-text-color);transform:translate(15px,-10px);box-shadow:0 0 .8em 5px rgba(0,0,0,.1);border:1px solid var(--outline-text-color);font-size:12px;border-radius:5px}body:not(.is-dragging-components-draggable)[block-data-position=floating] .outline-floating-block-data>div{margin-bottom:5px}body:not(.is-dragging-components-draggable)[block-data-position=floating] .outline-floating-block-data .floating-row-title{font-size:15px;font-weight:700;text-align:center}body:not(.is-dragging-components-draggable)[block-data-position=floating] .outline-floating-block-data ul{padding:0;margin:0;margin-left:20px;list-style:circle}body:not(.is-dragging-components-draggable)[block-data-position=floating] .outline-floating-block-data ul li{margin:0}body[block-data-position=inside] .block-editor-block-list__layout .wp-block::after,body[block-data-position=inside] .block-editor-block-list__layout .wp-block::before{transform:translateY(0)!important}body[block-data-position=floating] .block-editor-block-list__layout .wp-block::after,body[block-data-position=floating] .block-editor-block-list__layout .wp-block::before{opacity:0!important}body[show-block-name=false] .block-editor-block-list__layout .wp-block::before{opacity:0!important}body[show-class-name=false] .block-editor-block-list__layout .wp-block::after{opacity:0!important}body[show-outline=always] .block-editor-block-list__layout .wp-block:not(.block-list-appender):not(.block-editor-default-block-appender){outline-color:var(--outline-color)}body[show-outline=always] .block-editor-block-list__layout .wp-block:not(.block-list-appender):not(.block-editor-default-block-appender)::after,body[show-outline=always] .block-editor-block-list__layout .wp-block:not(.block-list-appender):not(.block-editor-default-block-appender)::before{opacity:1}body[show-outline=never] .outline-floating-block-data{display:none}body[show-outline=never] .block-editor-block-list__layout .wp-block{outline-color:transparent!important}body[show-outline=never] .block-editor-block-list__layout .wp-block::after,body[show-outline=never] .block-editor-block-list__layout .wp-block::before{opacity:0!important}body[lock-block-outline=true] .block-editor-block-list__layout .wp-block.is-selected:not(.block-list-appender):not(.block-editor-default-block-appender){outline-color:var(--outline-color);opacity:1}body[lock-block-outline=true] .block-editor-block-list__layout .wp-block.is-selected:not(.block-list-appender):not(.block-editor-default-block-appender)::after,body[lock-block-outline=true] .block-editor-block-list__layout .wp-block.is-selected:not(.block-list-appender):not(.block-editor-default-block-appender)::before{opacity:1}body[enable-outline-padding=true] .block-editor-block-list__layout .wp-block:not(.block-list-appender):not(.block-editor-default-block-appender){padding:var(--outline-padding)}.editor-block-outline-sidebar h2{margin:1em 0 .5em 0}.editor-block-outline-sidebar hr{border-color:#0000001c;width:40%;left:30%;position:relative;margin:2em 0}