From d209629ce27edb08420d82a6286580812e034a28 Mon Sep 17 00:00:00 2001 From: Damon Cook Date: Tue, 6 Sep 2022 21:21:49 -0400 Subject: [PATCH] Site Logo: add padding and margin support (#43520) * Update DateTimePicker readme * Add padding/margin support for Site Logo * Alpha sort active supports * Add box-sizing for frontend --- docs/reference-guides/core-blocks.md | 2 +- packages/block-library/src/site-logo/block.json | 4 ++++ packages/block-library/src/site-logo/style.scss | 2 ++ 3 files changed, 7 insertions(+), 1 deletion(-) diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md index 8dc2d9c42fad5..ea015225d355b 100644 --- a/docs/reference-guides/core-blocks.md +++ b/docs/reference-guides/core-blocks.md @@ -725,7 +725,7 @@ Display a graphic to represent this site. Update the block, and the changes appl - **Name:** core/site-logo - **Category:** theme -- **Supports:** align, color (~~background~~, ~~text~~), ~~alignWide~~, ~~html~~ +- **Supports:** align, color (~~background~~, ~~text~~), spacing (margin, padding), ~~alignWide~~, ~~html~~ - **Attributes:** isLink, linkTarget, shouldSyncIcon, width ## Site Tagline diff --git a/packages/block-library/src/site-logo/block.json b/packages/block-library/src/site-logo/block.json index 1bd8897701ef9..f7efcb72159ff 100644 --- a/packages/block-library/src/site-logo/block.json +++ b/packages/block-library/src/site-logo/block.json @@ -37,6 +37,10 @@ "__experimentalDuotone": "img, .components-placeholder__illustration, .components-placeholder::before", "text": false, "background": false + }, + "spacing": { + "margin": true, + "padding": true } }, "styles": [ diff --git a/packages/block-library/src/site-logo/style.scss b/packages/block-library/src/site-logo/style.scss index cf7154bc2dd10..2fae735f369b5 100644 --- a/packages/block-library/src/site-logo/style.scss +++ b/packages/block-library/src/site-logo/style.scss @@ -1,4 +1,6 @@ .wp-block-site-logo { + // This block has customizable padding, border-box makes that more predictable. + box-sizing: border-box; line-height: 0; a {