From 52b2e6b2c2c006a0b1e983badc56cd6ff8eace07 Mon Sep 17 00:00:00 2001 From: Caroline Moore Date: Wed, 11 Dec 2024 13:13:35 -0500 Subject: [PATCH 1/2] Add spacing between button blocks --- independent-publisher-2/rtl.css | 5 +++++ independent-publisher-2/style.css | 4 ++++ 2 files changed, 9 insertions(+) diff --git a/independent-publisher-2/rtl.css b/independent-publisher-2/rtl.css index be6f4e02a4..2548f6f2f7 100644 --- a/independent-publisher-2/rtl.css +++ b/independent-publisher-2/rtl.css @@ -74,6 +74,11 @@ label + #content #infinite-handle span button { margin-left: auto; } +.wp-block-button+.wp-block-button { + margin-right: 1.5em; + margin-left: auto; +} + input[type="checkbox"], input[type="radio"] { margin-left: .1em; diff --git a/independent-publisher-2/style.css b/independent-publisher-2/style.css index 9e93259b03..7cbc58e45f 100644 --- a/independent-publisher-2/style.css +++ b/independent-publisher-2/style.css @@ -743,6 +743,10 @@ label + #content #infinite-handle span button { margin-left: .21875em; } +.wp-block-button+.wp-block-button { + margin-left: 1.5em; +} + input[type="text"], input[type="password"], input[type="email"], From 85a84237d36a73762f8fda34b7886930e75b8421 Mon Sep 17 00:00:00 2001 From: Caroline Moore Date: Wed, 11 Dec 2024 14:44:23 -0500 Subject: [PATCH 2/2] Use border-box rather than content-box to avoid overlap --- independent-publisher-2/css/blocks.css | 12 ++++++------ independent-publisher-2/rtl.css | 5 ----- independent-publisher-2/style.css | 4 ---- 3 files changed, 6 insertions(+), 15 deletions(-) diff --git a/independent-publisher-2/css/blocks.css b/independent-publisher-2/css/blocks.css index 5a21335781..a7d6a77297 100644 --- a/independent-publisher-2/css/blocks.css +++ b/independent-publisher-2/css/blocks.css @@ -195,7 +195,7 @@ p.has-drop-cap:not(:focus)::first-letter { background: #0087be; border: solid 1px transparent; border-radius: 3px; - box-sizing: content-box; + box-sizing: border-box; color: #fff; cursor: pointer; -webkit-transition: background 120ms ease-in-out, box-shadow 120ms ease-in-out; @@ -204,7 +204,7 @@ p.has-drop-cap:not(:focus)::first-letter { font-size: 16px; font-weight: 400; font-style: normal; - padding: .4375em .875em; + padding: .4375em 1.25em; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -294,7 +294,7 @@ body:not(.has-sidebar) .wp-block-table.alignfull { /* Buttons */ .wp-block-button .wp-block-button__link { - box-sizing: content-box; + box-sizing: border-box; cursor: pointer; -webkit-transition: background 120ms ease-in-out, box-shadow 120ms ease-in-out; transition: background 120ms ease-in-out, box-shadow 120ms ease-in-out; @@ -302,7 +302,7 @@ body:not(.has-sidebar) .wp-block-table.alignfull { font-size: 16px; font-weight: 400; font-style: normal; - padding: .4375em .875em; + padding: .4375em 1.25em; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -580,8 +580,8 @@ figure.a8c-posts-list-item__post-thumbnail { a.a8c-posts-list__view-all { display: inline-block; - box-sizing: content-box; - padding: .4375em .875em; + box-sizing: border-box; + padding: .4375em 1.25em; cursor: pointer; -webkit-transition: background 120ms ease-in-out, box-shadow 120ms ease-in-out; transition: background 120ms ease-in-out, box-shadow 120ms ease-in-out; diff --git a/independent-publisher-2/rtl.css b/independent-publisher-2/rtl.css index 2548f6f2f7..be6f4e02a4 100644 --- a/independent-publisher-2/rtl.css +++ b/independent-publisher-2/rtl.css @@ -74,11 +74,6 @@ label + #content #infinite-handle span button { margin-left: auto; } -.wp-block-button+.wp-block-button { - margin-right: 1.5em; - margin-left: auto; -} - input[type="checkbox"], input[type="radio"] { margin-left: .1em; diff --git a/independent-publisher-2/style.css b/independent-publisher-2/style.css index 7cbc58e45f..9e93259b03 100644 --- a/independent-publisher-2/style.css +++ b/independent-publisher-2/style.css @@ -743,10 +743,6 @@ label + #content #infinite-handle span button { margin-left: .21875em; } -.wp-block-button+.wp-block-button { - margin-left: 1.5em; -} - input[type="text"], input[type="password"], input[type="email"],