From 7ec40e339a88f5458959e052434206fb567426c3 Mon Sep 17 00:00:00 2001
From: Alexis Tyler <xo@wvvw.me>
Date: Wed, 23 Oct 2019 14:09:48 +1030
Subject: [PATCH] Add span separator to header.

---
 src/mini/_navigation.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/mini/_navigation.scss b/src/mini/_navigation.scss
index b04a7bc..1bf5c03 100644
--- 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});
     }
   }