Site Tagline: Support margins in theme.json

[scruffian]

What problem does this address?

The site tagline block uses a paragraph element, which means it inherits the margins from CSS for paragraphs:

What is your proposed solution?

If we could control the margins in the theme.json, we could override these margins without CSS.

[carolinan]

I was able to reproduce this, but it is only the left and right margins that are overwritten, not top and bottom.
In the editor, this style is overwriting the tag line styles:

.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper > *,
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > * {
    max-width: 840px;
    margin-left: auto !important;
    margin-right: auto !important;
}

My theme.json style was:

"core/site-tagline": {
				"spacing": {
					"margin": {
						"top": "15px",
						"right": "15px",
						"bottom": "15px",
						"left": "15px"
					}
				}
			}

.editor-styles-wrapper .wp-block-site-tagline {
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
}

[carolinan]

Perhaps you could use padding as a work around for now?

[scruffian]

The issue in this case is that the block is inheriting margins from the theme's paragraph CSS, not from Gutenberg's. I could modify my theme CSS to include a :not(.wp-block-site-tagline) but I think it would be useful for themers generally to be able to control these margins.

[ndiego]

The Site Tagline block now supports margin, so this can be closed.