Move css in theme.json to blocks/variations.

wpengine · May 1, 2023 · d5c550b · d5c550b
1 parent e471871
commit d5c550b
Showing 1 changed file with 19 additions and 1 deletion.
diff --git a/theme.json b/theme.json
@@ -272,8 +272,26 @@
 	},
 	"styles": {
 		"blocks": {
+			"core/button": {
+				"variations": {
+					"outline" : {
+						"border": {
+							"color": "currentColor",
+							"style": "solid",
+							"width": "1px"
+						},
+						"spacing": {
+							"padding": {
+								"top": "14px",
+								"right": "29px",
+								"bottom": "14px",
+								"left": "29px"
+							}
+						}
+					}
+				}
+			},
 			"core/buttons": {
-				"css": "& .is-style-outline .wp-element-button {background-color: transparent;border: 1px solid currentColor;color: var(--wp--preset--color--contrast);padding: 14px 29px;}",
 				"spacing": {
 					"blockGap": "10px"
 				}