Use border-box rather than content-box to avoid overlap

Automattic · Dec 11, 2024 · 85a8423 · 85a8423
1 parent 52b2e6b
commit 85a8423
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 15 deletions.
diff --git 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,15 +294,15 @@ 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;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
 	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
@@ -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
@@ -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"],