diff --git a/packages/block-library/src/audio/block.json b/packages/block-library/src/audio/block.json index 0dfe83855844a3..62d79826b4a451 100644 --- a/packages/block-library/src/audio/block.json +++ b/packages/block-library/src/audio/block.json @@ -43,7 +43,12 @@ }, "supports": { "anchor": true, - "align": true + "align": true, + "__experimentalStyle": { + "spacing": { + "margin": "0 0 1em 0" + } + } }, "editorStyle": "wp-block-audio-editor", "style": "wp-block-audio" diff --git a/packages/block-library/src/audio/style.scss b/packages/block-library/src/audio/style.scss index 5ae37a0b2b7adb..64d79cafd85dc9 100644 --- a/packages/block-library/src/audio/style.scss +++ b/packages/block-library/src/audio/style.scss @@ -1,6 +1,4 @@ .wp-block-audio { - margin: 0 0 1em 0; - // Supply caption styles to audio blocks, even if the theme hasn't opted in. // Reason being: the new markup, , are not likely to be styled in the majority of existing themes, // so we supply the styles so as to not appear broken or unstyled in those themes. diff --git a/packages/block-library/src/embed/block.json b/packages/block-library/src/embed/block.json index 7257b54cf20faa..f8d8c3206d0170 100644 --- a/packages/block-library/src/embed/block.json +++ b/packages/block-library/src/embed/block.json @@ -35,7 +35,12 @@ } }, "supports": { - "align": true + "align": true, + "__experimentalStyle": { + "spacing": { + "margin": "0 0 1em 0" + } + } }, "editorStyle": "wp-block-embed-editor", "style": "wp-block-embed" diff --git a/packages/block-library/src/embed/style.scss b/packages/block-library/src/embed/style.scss index 30ab048529ef26..31e248ec006dc8 100644 --- a/packages/block-library/src/embed/style.scss +++ b/packages/block-library/src/embed/style.scss @@ -20,7 +20,6 @@ } .wp-block-embed { - margin: 0 0 1em 0; overflow-wrap: break-word; // Break long strings of text without spaces so they don't overflow the block. // Supply caption styles to embeds, even if the theme hasn't opted in. diff --git a/packages/block-library/src/image/block.json b/packages/block-library/src/image/block.json index 0cc46aaf311d57..25492061048214 100644 --- a/packages/block-library/src/image/block.json +++ b/packages/block-library/src/image/block.json @@ -88,6 +88,11 @@ "__experimentalDefaultControls": { "radius": true } + }, + "__experimentalStyle": { + "spacing": { + "margin": "0 0 1em 0" + } } }, "styles": [ diff --git a/packages/block-library/src/image/style.scss b/packages/block-library/src/image/style.scss index cbbe939c2425b4..65072b0050ff02 100644 --- a/packages/block-library/src/image/style.scss +++ b/packages/block-library/src/image/style.scss @@ -1,6 +1,4 @@ .wp-block-image { - margin: 0 0 1em 0; - img { height: auto; max-width: 100%; diff --git a/packages/block-library/src/table/block.json b/packages/block-library/src/table/block.json index d19d260249e020..8591813d676292 100644 --- a/packages/block-library/src/table/block.json +++ b/packages/block-library/src/table/block.json @@ -156,7 +156,12 @@ "width": true } }, - "__experimentalSelector": ".wp-block-table > table" + "__experimentalSelector": ".wp-block-table > table", + "__experimentalStyle": { + "spacing": { + "margin": "0 0 1em 0" + } + } }, "styles": [ { diff --git a/packages/block-library/src/table/style.scss b/packages/block-library/src/table/style.scss index 52ff4f640aac8e..ffc7ad266c6f72 100644 --- a/packages/block-library/src/table/style.scss +++ b/packages/block-library/src/table/style.scss @@ -1,5 +1,4 @@ .wp-block-table { - margin: 0 0 1em 0; $subtle-light-gray: #f3f4f5; $subtle-pale-green: #e9fbe5; $subtle-pale-blue: #e7f5fe; diff --git a/packages/block-library/src/video/block.json b/packages/block-library/src/video/block.json index f5274ed833d203..f609996d858529 100644 --- a/packages/block-library/src/video/block.json +++ b/packages/block-library/src/video/block.json @@ -76,7 +76,12 @@ }, "supports": { "anchor": true, - "align": true + "align": true, + "__experimentalStyle": { + "spacing": { + "margin": "0 0 1em 0" + } + } }, "editorStyle": "wp-block-video-editor", "style": "wp-block-video" diff --git a/packages/block-library/src/video/style.scss b/packages/block-library/src/video/style.scss index 4a91c07fee90fe..9e986264418087 100644 --- a/packages/block-library/src/video/style.scss +++ b/packages/block-library/src/video/style.scss @@ -1,6 +1,4 @@ .wp-block-video { - margin: 0 0 1em 0; - video { width: 100%; }