From 078696415e84a8d1bc88bfb80617e398f0745bd0 Mon Sep 17 00:00:00 2001
From: Silvio Giebl <silvio.giebl@hivemq.com>
Date: Wed, 27 Nov 2019 12:37:10 +0100
Subject: [PATCH 1/2] Improved navigation active and highlight

---
 _sass/layout.scss     | 2 +-
 _sass/navigation.scss | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/_sass/layout.scss b/_sass/layout.scss
index 4f9e365..6bb69c3 100644
--- a/_sass/layout.scss
+++ b/_sass/layout.scss
@@ -181,7 +181,7 @@
 
 .site-title:hover,
 .site-button:hover {
-  background-color: $feedback-color;
+  background-image: linear-gradient(-90deg, rgba($feedback-color, 1) 0%, rgba($feedback-color, 0.8) 80%, rgba($feedback-color, 0) 100%);
 }
 
 // stylelint-disable selector-max-type
diff --git a/_sass/navigation.scss b/_sass/navigation.scss
index 050667b..805bfa3 100644
--- a/_sass/navigation.scss
+++ b/_sass/navigation.scss
@@ -20,9 +20,9 @@
     .nav-list-link {
       display: block;
       min-height: $nav-list-item-height-sm;
-      line-height: #{$nav-list-item-height-sm - 2 * $sp-1};
       padding-top: $sp-1;
       padding-bottom: $sp-1;
+      line-height: #{$nav-list-item-height-sm - 2 * $sp-1};
       @if $nav-list-expander-right {
         padding-right: $nav-list-item-height-sm;
         padding-left: $gutter-spacing-sm;
@@ -50,7 +50,7 @@
 
       &:hover,
       &.active {
-        background-color: $feedback-color;
+        background-image: linear-gradient(-90deg, rgba($feedback-color, 1) 0%, rgba($feedback-color, 0.8) 80%, rgba($feedback-color, 0) 100%);
       }
     }
 
@@ -77,7 +77,7 @@
       }
 
       &:hover {
-        background-color: $feedback-color;
+        background-image: linear-gradient(-90deg, rgba($feedback-color, 1) 0%, rgba($feedback-color, 0.8) 100%);
       }
 
       @if $nav-list-expander-right {

From 4bb8d7612d8fbeb575b613f709f07fe73a3e9e7d Mon Sep 17 00:00:00 2001
From: Silvio Giebl <silvio.giebl@hivemq.com>
Date: Wed, 27 Nov 2019 12:52:44 +0100
Subject: [PATCH 2/2] Fixed style lint

---
 _sass/navigation.scss | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/_sass/navigation.scss b/_sass/navigation.scss
index 805bfa3..16ff5f0 100644
--- a/_sass/navigation.scss
+++ b/_sass/navigation.scss
@@ -1,6 +1,7 @@
 //
 // Main nav, breadcrumb, etc...
 //
+// stylelint-disable selector-no-type, max-nesting-depth, selector-max-compound-selectors, selector-max-type, selector-max-specificity
 
 .nav-list {
   padding: 0;
@@ -26,7 +27,8 @@
       @if $nav-list-expander-right {
         padding-right: $nav-list-item-height-sm;
         padding-left: $gutter-spacing-sm;
-      } @else {
+      }
+      @else {
         padding-right: $gutter-spacing-sm;
         padding-left: $nav-list-item-height-sm;
       }
@@ -37,7 +39,8 @@
         @if $nav-list-expander-right {
           padding-right: $nav-list-item-height;
           padding-left: $gutter-spacing;
-        } @else {
+        }
+        @else {
           padding-right: $gutter-spacing;
           padding-left: $nav-list-item-height;
         }
@@ -109,7 +112,8 @@
       > .nav-list-expander svg {
         @if $nav-list-expander-right {
           transform: rotate(-90deg);
-        } @else {
+        }
+        @else {
           transform: rotate(90deg);
         }
       }