feat(scss): sidebar-nav-link-disabled

Author: xidedix

scss/_sidebar.scss

@@ -140,6 +140,30 @@
       }
     }
 
+    &.disabled {
+      color: $sidebar-nav-link-disabled-color;
+      cursor: $cursor-disabled;
+      background: transparent;
+      @include borders($sidebar-nav-link-disabled-borders);
+
+      .nav-icon {
+        color: $sidebar-nav-link-disabled-icon-color;
+      }
+
+      &:hover {
+        color: $sidebar-nav-link-disabled-color;
+        @include borders($sidebar-nav-link-hover-borders);
+
+        .nav-icon {
+          color: $sidebar-nav-link-disabled-icon-color;
+        }
+
+        &.nav-dropdown-toggle::before {
+          background-image: $sidebar-nav-dropdown-indicator-hover;
+        }
+      }
+    }
+
     @each $color, $value in $theme-colors {
       &.nav-link-#{$color} {
         background: $value;
@@ -193,6 +217,19 @@
     .nav-link {
       color: $sidebar-nav-dropdown-color;
       border-left: 0;
+
+      &.disabled {
+        color: $sidebar-nav-link-disabled-color;
+        background: transparent;
+
+        &:hover {
+          color: $sidebar-nav-link-disabled-color;
+
+          .nav-icon {
+            color: $sidebar-nav-link-disabled-icon-color;
+          }
+        }
+      }
     }
 
     > .nav-dropdown-toggle::before {
@@ -381,6 +418,14 @@
             .nav-icon {
               color: $sidebar-nav-link-hover-color;
             }
+
+            &.disabled {
+              background: $sidebar-nav-link-disabled-bg;
+
+              .nav-icon {
+                color: $sidebar-nav-link-disabled-icon-color;
+              }
+            }
           }
         }
       }

scss/_variables.scss

@@ -91,6 +91,11 @@ $sidebar-nav-link-active-bg:          lighten($sidebar-bg, 5%) !default;
 $sidebar-nav-link-active-icon-color:  theme-color("primary") !default;
 $sidebar-nav-link-active-borders:     0 !default;
 
+$sidebar-nav-link-disabled-color:       darken(#fff, 30%) !default;
+$sidebar-nav-link-disabled-bg:          $sidebar-bg !default;
+$sidebar-nav-link-disabled-icon-color:  $sidebar-nav-link-icon-color !default;
+$sidebar-nav-link-disabled-borders:     0 !default;
+
 $sidebar-nav-dropdown-color:          #fff !default;
 $sidebar-nav-dropdown-bg:             rgba(0,0,0,.2) !default;
 $sidebar-nav-dropdown-borders:        0 !default;
@@ -194,3 +199,6 @@ $switch-label-lg-width:               56px !default;
 $switch-label-sm-width:               40px !default;
 
 $switch-handle-margin:                2px !default;
+
+// Cursor
+$cursor-disabled: default !default;