diff --git a/packages/block-library/src/editor.scss b/packages/block-library/src/editor.scss index b5778d5b472ff9..2bf5a68097a78b 100644 --- a/packages/block-library/src/editor.scss +++ b/packages/block-library/src/editor.scss @@ -24,6 +24,7 @@ @import "./quote/editor.scss"; @import "./rss/editor.scss"; @import "./search/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 00000000000000..d1897dd83cafd1 --- /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); +}