Merge pull request #9 from navnorth/NN-431

NN-431 - NN Web Button Block Style
navnorth · Jan 21, 2025 · 9ddb53c · 9ddb53c
2 parents f3830aa + ffdcff8
commit 9ddb53c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 19 deletions.
diff --git a/style.css b/style.css
@@ -4,6 +4,14 @@
 * Text Domain: navnorth
 **/
 /* NN Blue Button Hover Style */
+.wp-block-button
+> .wp-block-button__link:not(.has-text-color, .has-background):hover {
+background-color: var(--wp--preset--color--cyan);
+}
+.wp-block-button
+> .wp-block-button__link:not(.has-text-color, .has-background):focus {
+background-color: var(--wp--preset--color--cyan);
+}
 .wp-block-button.is-style-nn-blue
 	> .wp-block-button__link:not(.has-text-color, .has-background):hover {
     background-color: var(--wp--preset--color--cyan);
@@ -19,6 +27,12 @@
     background-color: var(--wp--preset--color--blue);
     color: var(--wp--preset--color--base);
 }
+/* NN Yellow Button Hover Style */
+.wp-block-button.is-style-nn-yellow
+	> .wp-block-button__link:not(.has-text-color, .has-background):focus {
+    background-color: var(--wp--preset--color--blue);
+    color: var(--wp--preset--color--base);
+}
 header .wp-block-navigation {
     flex-grow: 1;
 }

diff --git a/theme.json b/theme.json
@@ -266,25 +266,6 @@
 		},
 		"elements": {
 			"button": {
-				":active": {
-					"color": {
-						"background": "var(--wp--preset--color--contrast)",
-						"text": "var(--wp--preset--color--base)"
-					}
-				},
-				":focus": {
-					"color": {
-						"background": "var(--wp--preset--color--blue)",
-						"text": "var(--wp--preset--color--base)"
-					},
-					"outline": {
-						"color": "var(--wp--preset--color--blue)",
-						"offset": "2px"
-					},
-					"border": {
-						"color": "var(--wp--preset--color--blue)"
-					}
-				},
 				":hover": {
 					"color": {
 						"background": "var(--wp--preset--color--blue)",