_sidebar.scss in active_frontend-10.3.0

- old
+ new
@@ -38,44 +38,46 @@
   text-transform: uppercase;
 }
 .sidebar-content {
   height: calc(100% - 54px);
   -webkit-overflow-scrolling: touch;
-  overflow-scrolling: touch;
+      -ms-overflow-scrolling: touch;
+          overflow-scrolling: touch;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 10px 20px 10px 10px;
 }
 .sidebar-alt > .sidebar-content {
   padding-right: 10px;
   padding-left: 20px;
 }
 .sidebar-scrollable {
-  border-bottom: 1px solid $color-haze-light;
+  border-bottom: 1px solid $color-light-haze;
   height: auto;
   max-height: calc(50% - 54px);
   -webkit-overflow-scrolling: touch;
-  overflow-scrolling: touch;
+      -ms-overflow-scrolling: touch;
+          overflow-scrolling: touch;
   overflow-y: auto;
 }
 
 /* # Colors
 ================================================== */
 .sidebar-dark {
   background: $color-black;
-  border-color: $color-black-dark;
+  border-color: $color-dark-black;
 }
-.sidebar-light {
-  background: $color-haze-light;
-  border-color: $color-haze-dark;
-}
 .sidebar-dark.sidebar-alt,
 .sidebar-dark > .sidebar-header,
-.sidebar-dark > .sidebar-scrollable { border-color: $color-black-dark; }
+.sidebar-dark > .sidebar-scrollable { border-color: $color-dark-black; }
 .sidebar-dark > .sidebar-header > h6 { color: $color-white; }
+.sidebar-light {
+  background: $color-light-haze;
+  border-color: $color-dark-haze;
+}
 .sidebar-light.sidebar-alt,
 .sidebar-light > .sidebar-header,
-.sidebar-light > .sidebar-scrollable { border-color: $color-haze-dark; }
+.sidebar-light > .sidebar-scrollable { border-color: $color-dark-haze; }
 
 /* # Media Queries
 ================================================== */
 @media only screen and (max-width: 1365px) {
   .sidebar {
\ No newline at end of file