Merge pull request #168 from OmgImAlexis/master

Add span separator to header.
Chalarangelo · Oct 23, 2019 · e849238 · e849238
2 parents 42b6d60 + 7ec40e3
commit e849238
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/mini/_navigation.scss b/src/mini/_navigation.scss
@@ -126,8 +126,8 @@ header {
     padding: var(#{$universal-padding-var}) calc(2 * var(#{$universal-padding-var}));
     text-decoration: none;
   }
-  // Link styling.
-  button, [type="button"], .#{$button-class-name}, [role="button"] {
+  // Link and span styling.
+  span, button, [type="button"], .#{$button-class-name}, [role="button"] {
     box-sizing: border-box;
     position: relative;
     top: calc(0rem - var(#{$universal-padding-var}) / 4);  // Use universal-padding to offset the padding of the header.
@@ -142,7 +142,9 @@ header {
     @if $_header-links-uppercase {
       text-transform: uppercase;
     }
-    &:hover, &:focus {
+  }
+  button, [type="button"], .#{$button-class-name}, [role="button"] {
+   &:hover, &:focus {
       background: var(#{$header-hover-back-color-var});
     }
   }