Reduce specificty for wp-block-code styles (#141)

Moves padding, margin, border styles to :where() selector
to allow for theme.json to override.

Fixes #140

Author: mkaz

assets/prism-a11y-dark.css

@@ -39,9 +39,12 @@ pre[class*='language-'] {
 /* Code blocks */
 pre.wp-block-code {
 	background: #2b2b2b;
+	overflow: auto;
+}
+
+:where(pre.wp-block-code) {
 	padding: 1em;
 	margin: 0.5em auto;
-	overflow: auto;
 	border-radius: 0.3em;
 }
 

assets/prism-ghcolors.css

@@ -37,11 +37,14 @@ code[class*='language-'] {
 /* Code blocks */
 pre.wp-block-code {
 	background: #b3d4fc;
+	background-color: white;
+	overflow: auto;
+}
+
+:where(pre.wp-block-code) {
 	padding: 1em;
 	margin: 0.5em auto;
-	overflow: auto;
 	border: 1px solid #dddddd;
-	background-color: white;
 }
 
 .token.comment,

assets/prism-nord.css

@@ -36,9 +36,12 @@ pre[class*='language-'] {
 /* Code blocks */
 pre.wp-block-code {
 	background: #2e3440;
+	overflow: auto;
+}
+
+:where(pre.wp-block-code) {
 	padding: 1em;
 	margin: 0.5em auto;
-	overflow: auto;
 	border-radius: 0.3em;
 }
 

assets/prism-onedark.css

@@ -55,9 +55,12 @@ code[class*='language-'] ::selection {
 /* Code blocks */
 pre.wp-block-code {
 	background: #282c34;
+	overflow: auto;
+}
+
+:where(pre.wp-block-code) {
 	padding: 1rem;
 	margin: 0.5em auto;
-	overflow: auto;
 	border-radius: 8px;
 	border: none;
 }

assets/prism.css

@@ -39,9 +39,12 @@ pre[class*='language-'] {
 /* Code blocks */
 pre.wp-block-code {
 	background: #2b2b2b;
+	overflow: auto;
+}
+
+:where(pre.wp-block-code) {
 	padding: 1em;
 	margin: 0.5em auto;
-	overflow: auto;
 	border-radius: 0.3em;
 }