Browse Source

Adds more main navigation styles.

Jeffrey Pearce 6 years ago
parent
commit
56381ca0c9
1 changed files with 63 additions and 1 deletions
  1. 63 1
      stratford/sass/_extra-child-theme.scss

+ 63 - 1
stratford/sass/_extra-child-theme.scss

@@ -9,6 +9,12 @@ $color_primary_hover: map-deep-get($config-global, "color", "primary", "hover");
 $spacing_horizontal: map-deep-get($config-global, "spacing", "horizontal");
 $spacing_vertical: map-deep-get($config-global, "spacing", "vertical");
 
+// General
+
+a {
+	text-decoration: none;
+}
+
 // Main Menu
 #masthead {
 	border-bottom: 1px solid #f3f3f3;
@@ -39,6 +45,11 @@ $spacing_vertical: map-deep-get($config-global, "spacing", "vertical");
 		.site-description {
 			display: none;
 		}
+		.site-title {
+			a {
+				text-decoration: none;
+			}
+		}
 	}
 	.site-menu {
 		display: block;
@@ -47,14 +58,65 @@ $spacing_vertical: map-deep-get($config-global, "spacing", "vertical");
 		flex: 0 1 auto;
 	}
 	.main-navigation {
+		> ul {
+			> li {
+				&:first-child {
+					margin-left: 0;
+				}
+				&.current-menu-item {
+					a {
+						border-color: #3e69dc;
+						border-style: solid;
+						border-width: 0 0 .125em;
+						color: $color_primary_hover;
+					}
+				}
+			}
+		}
 		ul {
 			li {
+				margin: 0 .75em;
+				&:first-child {
+					margin-left: 0;
+				}
 				&:hover {
 					ul {
 						left: auto;
 						right: 0;
 					}
 				}
+				&.current-menu-item {
+					> a {
+						border-color: #3e69dc;
+						border-style: solid;
+						border-width: 0 0 .125em;
+						color: $color_primary_hover;
+					}
+				}
+				a {
+					padding: .25em 0;
+					&::after {
+						color: $color_primary_hover;
+					}
+				}
+				ul {
+					color: #f3f3f3;
+					li {
+						border-bottom: 1px solid;
+						margin: 0;
+						&:first-child {
+							border-top: 1px solid;
+						}
+						&.current-menu-item {
+							a {
+								border: none;
+							}
+						}
+						a {
+							padding: .75em;
+						}
+					}
+				}
 			}
 		}
 	}
@@ -81,4 +143,4 @@ $spacing_vertical: map-deep-get($config-global, "spacing", "vertical");
 			border: 2px solid;
 		}
 	}
-}
+}