_sidebar.scss in active_frontend-7.0.0

- old
+ new

@@ -5,24 +5,24 @@
 # Media Queries */
 
 /* # Sidebar
 ================================================== */
 .sidebar {
-  background: rgba(255,255,255,1);
-  border-left: 2px solid rgba(245,248,250,1);
+  background: $color-white;
+  border-left: 2px solid $color-haze-light;
   box-sizing: border-box;
   height: 100%;
   min-width: 280px;
   position: fixed;
   width: 280px;
 }
 .sidebar-alt {
-  border-right: 2px solid rgba(245,248,250,1);
+  border-right: 2px solid $color-haze-light;
   border-left: 0;
 }
 .sidebar-header {
-  border-bottom: 1px solid rgba(245,248,250,1);
+  border-bottom: 1px solid $color-haze-light;
   font-size: 12px;
   line-height: 12px;
   padding: 12px 20px 10px 10px;
 }
 .sidebar-alt > .sidebar-header {
@@ -47,11 +47,11 @@
 .sidebar-alt > .sidebar-content {
   padding-right: 10px;
   padding-left: 20px;
 }
 .sidebar-scrollable {
-  border-bottom: 1px solid rgba(245,248,250,1);
+  border-bottom: 1px solid $color-haze-light;
   height: auto;
   max-height: calc(50% - 60px);
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
   overflow-y: auto;
@@ -59,26 +59,26 @@
 
 /* # Colors
 ================================================== */
 .sidebar-dark,
 .sidebar-primary { border-color: rgba(0,0,0,0.2); }
-.sidebar-dark { background: rgba(35,41,55,1); }
-.sidebar-primary { background: $primary-color; }
+.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: rgba(255,255,255,1); }
+.sidebar-primary > .sidebar-header > h6 { color: $color-white; }
 .sidebar-light {
-  background: rgba(245,248,250,1);
-  border-color: rgba(225,232,237,1);
+  background: $color-haze-light;
+  border-color: $color-haze-dark;
 }
 .sidebar-light.sidebar-alt,
 .sidebar-light > .sidebar-header,
-.sidebar-light > .sidebar-scrollable { border-color: rgba(225,232,237,1); }
+.sidebar-light > .sidebar-scrollable { border-color: $color-haze-dark; }
 
 /* # Media Queries
 ================================================== */
 @media only screen and (max-width: 1365px) {
   .sidebar {
\ No newline at end of file