Browse Source

Exford: Remove box-shadow and add subtle border instead to the sub-menu

Thomas Guillot 6 years ago
parent
commit
a756bfa7f9
3 changed files with 13 additions and 0 deletions
  1. 5 0
      exford/sass/_extra-child-theme.scss
  2. 4 0
      exford/style-rtl.css
  3. 4 0
      exford/style.css

+ 5 - 0
exford/sass/_extra-child-theme.scss

@@ -85,6 +85,11 @@ a {
 	&.main-navigation {
 		@include media(mobile) {
 			margin-bottom: 0;
+
+			> div > ul > li > .sub-menu {
+				border: 1px solid map-deep-get($config-global, "color", "border", "light");
+				box-shadow: none;
+			}
 		}
 	}
 

+ 4 - 0
exford/style-rtl.css

@@ -3441,6 +3441,10 @@ p:not(.site-title) a:hover {
 	.site-header > *.main-navigation {
 		margin-bottom: 0;
 	}
+	.site-header > *.main-navigation > div > ul > li > .sub-menu {
+		border: 1px solid #FAFAFA;
+		box-shadow: none;
+	}
 }
 
 @media only screen and (min-width: 560px) {

+ 4 - 0
exford/style.css

@@ -3457,6 +3457,10 @@ p:not(.site-title) a:hover {
 	.site-header > *.main-navigation {
 		margin-bottom: 0;
 	}
+	.site-header > *.main-navigation > div > ul > li > .sub-menu {
+		border: 1px solid #FAFAFA;
+		box-shadow: none;
+	}
 }
 
 @media only screen and (min-width: 560px) {