_sidebar.scss in active_frontend-8.0.0

- old
+ new

@@ -6,23 +6,23 @@
 
 /* # Sidebar
 ================================================== */
 .sidebar {
   background: $color-white;
-  border-left: 2px solid $color-haze-light;
+  border-left: 1px solid $color-haze;
   box-sizing: border-box;
   height: 100%;
   min-width: 280px;
   position: fixed;
   width: 280px;
 }
 .sidebar-alt {
-  border-right: 2px solid $color-haze-light;
+  border-right: 1px solid $color-haze;
   border-left: 0;
 }
 .sidebar-header {
-  border-bottom: 1px solid $color-haze-light;
+  border-bottom: 1px solid $color-haze;
   font-size: 12px;
   line-height: 12px;
   padding: 12px 20px 10px 10px;
 }
 .sidebar-alt > .sidebar-header {
@@ -57,26 +57,22 @@
   overflow-y: auto;
 }
 
 /* # Colors
 ================================================== */
-.sidebar-dark,
-.sidebar-primary { border-color: rgba(0,0,0,0.2); }
-.sidebar-dark { background: $color-black; }
-.sidebar-primary { background: $color-primary; }
-.sidebar-dark.sidebar-alt,
-.sidebar-dark > .sidebar-header,
-.sidebar-dark > .sidebar-scrollable,
-.sidebar-primary.sidebar-alt,
-.sidebar-primary > .sidebar-header,
-.sidebar-primary > .sidebar-scrollable { border-color: rgba(0,0,0,0.2); }
-.sidebar-dark > .sidebar-header > h6,
-.sidebar-primary > .sidebar-header > h6 { color: $color-white; }
+.sidebar-dark {
+  background: $color-black;
+  border-color: $color-black-dark;
+}
 .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-header > h6 { color: $color-white; }
 .sidebar-light.sidebar-alt,
 .sidebar-light > .sidebar-header,
 .sidebar-light > .sidebar-scrollable { border-color: $color-haze-dark; }
 
 /* # Media Queries
@@ -93,6 +89,17 @@
     width: 220px;
   }
 }
 @media only screen and (max-width: 959px) {
   .sidebar { display: none; }
+}
+@media
+only screen and (-webkit-min-device-pixel-ratio: 2),
+only screen and (   min--moz-device-pixel-ratio: 2),
+only screen and (     -o-min-device-pixel-ratio: 2/1),
+only screen and (        min-device-pixel-ratio: 2),
+only screen and (                min-resolution: 192dpi),
+only screen and (                min-resolution: 2dppx) {
+  .sidebar,
+  .sidebar-header,
+  .sidebar-scrollable { border-width: 0.5px; }
 }
\ No newline at end of file