fix buttion size differences for pitch style variation (#237)

WordPress · Oct 3, 2022 · 90ef82c · 90ef82c
1 parent 0a61f80
commit 90ef82c
Showing 1 changed file with 17 additions and 5 deletions.
diff --git a/styles/pitch.json b/styles/pitch.json
@@ -145,18 +145,21 @@
 		"elements": {
 			"button": {
 				"border": {
-					"radius": "0"
+					"radius": "0",
+					"style": "solid",
+					"width": "2px",
+					"color": "var(--wp--preset--color--primary)"
 				},
 				"color": {
 					"background": "var(--wp--preset--color--primary)",
 					"text": "var(--wp--preset--color--base)"
 				},
 				"spacing": {
 					"padding": {
-						"top": "min(1.25rem, 3vw)",
-						"right": "min(2.25rem, 5vw)",
-						"bottom": "min(1.25rem, 3vw)",
-						"left": "min(2.25rem, 5vw)"
+						"top": "min(1.125rem, 3vw) !important",
+						"right": "min(2.125rem, 5vw) !important",
+						"bottom": "min(1.125rem, 3vw) !important",
+						"left": "min(2.125rem, 5vw) !important"
 					}
 				},
 				"typography": {
@@ -166,18 +169,27 @@
 					"letterSpacing": "0.01em"
 				},
 				":hover": {
+					"border": {
+						"color": "var(--wp--preset--color--contrast)"
+					},
 					"color": {
 						"background": "var(--wp--preset--color--contrast)",
 						"text": "var(--wp--preset--color--tertiary)"
 					}
 				},
 				":focus": {
+					"border": {
+						"color": "var(--wp--preset--color--contrast)"
+					},
 					"color": {
 						"background": "var(--wp--preset--color--contrast)",
 						"text": "var(--wp--preset--color--tertiary)"
 					}
 				},
 				":active": {
+					"border": {
+						"color": "var(--wp--preset--color--contrast)"
+					},
 					"color": {
 						"background": "var(--wp--preset--color--contrast)",
 						"text": "var(--wp--preset--color--tertiary)"