diff --git a/packages/block-library/src/editor.scss b/packages/block-library/src/editor.scss index 9fb94f40bdef7..449de7ee97dcd 100644 --- a/packages/block-library/src/editor.scss +++ b/packages/block-library/src/editor.scss @@ -23,6 +23,7 @@ @import "./pullquote/editor.scss"; @import "./quote/editor.scss"; @import "./rss/editor.scss"; +@import "./separator/editor.scss"; @import "./shortcode/editor.scss"; @import "./spacer/editor.scss"; @import "./subhead/editor.scss"; diff --git a/packages/block-library/src/separator/editor.scss b/packages/block-library/src/separator/editor.scss new file mode 100644 index 0000000000000..d1897dd83cafd --- /dev/null +++ b/packages/block-library/src/separator/editor.scss @@ -0,0 +1,13 @@ +.wp-block-separator { + // Make the separator hit area bigger, to make it more easy to select. + &::after { + content: ""; + display: block; + padding-bottom: $icon-button-size-small; + position: relative; + top: ($icon-button-size-small / 2); + } + margin-top: -($icon-button-size-small / 2); + margin-bottom: -$icon-button-size-small / 2; + transform: translateY(-$icon-button-size-small / 2); +}