Added not() exclude for buttons within sidebars

To fix issue #4209, I've added the same sort of exclude as already used in _top-bar.scss to stop styles being passed to child buttons.

diff --git a/scss/foundation/components/_side-nav.scss b/scss/foundation/components/_side-nav.scss
index b84cd45cf2d896d2b0aa03f6c230ebe23a81805b..f2307c6ceaaf45d1901408ea44f1e5412e0e5e97 100644 (file)
--- a/scss/foundation/components/_side-nav.scss
+++ b/scss/foundation/components/_side-nav.scss
@@ -55,12 +55,12 @@ $side-nav-divider-color: scale-color(#fff, $lightness: 10%) !default;
     margin: $side-nav-list-margin;
     font-size: $font-size;
 
-    a {
+    a:not(.button) {
       display: block;
       color: $link-color;
     }
 
-    &.active > a:first-child {
+    &.active > a:first-child:not(.button) {
       color: $side-nav-link-color-active;
       font-weight: $side-nav-font-weight;
       font-family: $side-nav-active-font-family;
@@ -80,4 +80,4 @@ $side-nav-divider-color: scale-color(#fff, $lightness: 10%) !default;
   @if $include-html-nav-classes {
     .side-nav { @include side-nav; }
   }
-}
\ No newline at end of file
+}