Revert media queries to theme.json.

wpengine · Jun 6, 2023 · 6a4b6bf · 6a4b6bf
1 parent 48a6c0d
commit 6a4b6bf
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 6 deletions.
diff --git a/style.css b/style.css
@@ -191,3 +191,29 @@ textarea {
 .wp-block-quote.is-style-shadow-solid {
 	box-shadow: var(--wp--preset--shadow--solid);
 }
+
+/* Media Queries
+---------------------------------------------------------------------------- */
+
+@media only screen and (max-width: 780px) {
+
+	/* Columns
+	--------------------------------------------- */
+
+	.is-style-columns-reverse {
+		flex-direction: column-reverse;
+	}
+
+}
+
+@media only screen and (min-width: 800px) {
+
+	/* Navigation Link
+	--------------------------------------------- */
+
+	.wp-block-navigation-item.is-style-outline a {
+		border: 1px solid currentColor;
+		padding: 8px 15px;
+	}
+
+}
diff --git a/theme.json b/theme.json
@@ -323,9 +323,6 @@
 					"fontSize": "var(--wp--preset--font-size--small)"
 				}
 			},
-			"core/columns": {
-				"css": ".is-style-columns-reverse {@media only screen and (max-width: 780px) {flex-direction: column-reverse;}}"
-			},
 			"core/comment-author-name": {
 				"typography": {
 					"fontSize": "var(--wp--preset--font-size--small)",
@@ -398,9 +395,6 @@
 					"fontSize": "var(--wp--preset--font-size--small)"
 				}
 			},
-			"core/navigation-link": {
-				"css": ".is-style-outline a {@media only screen and (min-width: 800px) {border: 1px solid currentColor;border-radius: 5px;padding: 7px 15px;}}"
-			},
 			"core/paragraph": {
 				"css": ".has-background {padding: 20px 30px;}"
 			},