#5826 : Barnsbury: Fix menu bg w/custom colors

2022-09-30 14:29:47 -04:00
3 changed files with 70 additions and 0 deletions
--- a/barnsbury/sass/_extra-child-theme.scss
+++ b/barnsbury/sass/_extra-child-theme.scss
@ -172,6 +172,20 @@ a {
 	}
 }

+.custom-colors .main-navigation > div > ul > li:focus-within li > a,
+.custom-colors .main-navigation > div > ul > li[focus-within] li > a {
+	background: none;
+	color: inherit;
+}
+
+.custom-colors .main-navigation > div > ul > li:focus-within > ul::before {
+	border-bottom: unset;
+}
+
+.custom-colors .main-navigation > div > ul > li:focus-within > a {
+	color: inherit;
+}
+
 /**
 * Main
 */
--- a/barnsbury/style-rtl.css
+++ b/barnsbury/style-rtl.css
@ -4217,6 +4217,34 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 	}
 }

+.custom-colors .main-navigation > div > ul > li[focus-within] li > a,
+.custom-colors .main-navigation > div > ul > li[focus-within] li > a {
+	background: none;
+	color: inherit;
+}
+
+.custom-colors .main-navigation > div > ul > li:focus-within li > a,
+.custom-colors .main-navigation > div > ul > li[focus-within] li > a {
+	background: none;
+	color: inherit;
+}
+
+.custom-colors .main-navigation > div > ul > li[focus-within] > ul::before {
+	border-bottom: unset;
+}
+
+.custom-colors .main-navigation > div > ul > li:focus-within > ul::before {
+	border-bottom: unset;
+}
+
+.custom-colors .main-navigation > div > ul > li[focus-within] > a {
+	color: inherit;
+}
+
+.custom-colors .main-navigation > div > ul > li:focus-within > a {
+	color: inherit;
+}
+
 /**
 * Main
 */
--- a/barnsbury/style.css
+++ b/barnsbury/style.css
@ -4246,6 +4246,34 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 	}
 }

+.custom-colors .main-navigation > div > ul > li[focus-within] li > a,
+.custom-colors .main-navigation > div > ul > li[focus-within] li > a {
+	background: none;
+	color: inherit;
+}
+
+.custom-colors .main-navigation > div > ul > li:focus-within li > a,
+.custom-colors .main-navigation > div > ul > li[focus-within] li > a {
+	background: none;
+	color: inherit;
+}
+
+.custom-colors .main-navigation > div > ul > li[focus-within] > ul::before {
+	border-bottom: unset;
+}
+
+.custom-colors .main-navigation > div > ul > li:focus-within > ul::before {
+	border-bottom: unset;
+}
+
+.custom-colors .main-navigation > div > ul > li[focus-within] > a {
+	color: inherit;
+}
+
+.custom-colors .main-navigation > div > ul > li:focus-within > a {
+	color: inherit;
+}
+
 /**
 * Main
 */