sidebar.scss in active_frontend-3.0.0

- old
+ new

@@ -4,44 +4,41 @@
 # Media Queries */
 
 /* # Sidebar
 ================================================== */
 .sidebar {
-  background: rgba(255,255,255,1);
-  border-left: 1px solid rgba(225,232,237,1);
-  box-shadow: inset 1px 0 3px rgba(225,232,237,1);
+  background: rgba(249,249,249,1);
+  border-left: 2px solid rgba(0,0,0,0.02);
   box-sizing: border-box;
   height: 100%;
   min-width: 280px;
   position: fixed;
   width: 280px;
 }
 .sidebar-alt {
-  border-right: 1px solid rgba(225,232,237,1);
+  border-right: 2px solid rgba(0,0,0,0.02);
   border-left: 0;
-  box-shadow: inset -1px 0 3px rgba(225,232,237,1);
 }
 .sidebar-header {
-  border-bottom: 1px solid rgba(225,232,237,1);
+  border-bottom: 1px solid rgba(0,0,0,0.04);
   font-size: 12px;
   line-height: 12px;
-  padding: 10px 20px 8px 10px;
+  padding: 12px 20px 10px 10px;
 }
 .sidebar-alt > .sidebar-header {
   padding-right: 10px;
   padding-left: 20px;
 }
 .sidebar-header > h6 {
-  color: rgba(43,50,53,1);
   font-size: 12px;
   font-weight: normal;
   letter-spacing: 1px;
   line-height: 12px;
   text-transform: uppercase;
 }
 .sidebar-content {
-  height: calc(100% - 51px);
+  height: calc(100% - 60px);
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 10px 20px 10px 10px;
@@ -49,12 +46,12 @@
 .sidebar-alt > .sidebar-content {
   padding-right: 10px;
   padding-left: 20px;
 }
 .sidebar-scrollable {
-  border-bottom: 1px solid rgba(225,232,237,1);
+  border-bottom: 1px solid rgba(243,243,243,1);
   height: auto;
-  max-height: calc(50% - 51px);
+  max-height: calc(50% - 60px);
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
   overflow-y: auto;
 }
 
\ No newline at end of file