vendor/assets/stylesheets/sidebar.scss in active_frontend-3.0.4 vs vendor/assets/stylesheets/sidebar.scss in active_frontend-4.0.0
- old
+ new
@@ -4,33 +4,34 @@
# Media Queries */
/* # Sidebar
================================================== */
.sidebar {
- background: rgba(249,249,249,1);
- border-left: 2px solid rgba(0,0,0,0.02);
+ background: rgba(42,44,48,1);
+ border-left: 4px solid rgba(0,0,0,0.2);
box-sizing: border-box;
height: 100%;
min-width: 280px;
position: fixed;
width: 280px;
}
.sidebar-alt {
- border-right: 2px solid rgba(0,0,0,0.02);
+ border-right: 1px solid rgba(0,0,0,0.2);
border-left: 0;
}
.sidebar-header {
- border-bottom: 1px solid rgba(0,0,0,0.04);
+ border-bottom: 1px solid rgba(0,0,0,0.15);
font-size: 12px;
line-height: 12px;
padding: 12px 20px 10px 10px;
}
.sidebar-alt > .sidebar-header {
padding-right: 10px;
padding-left: 20px;
}
.sidebar-header > h6 {
+ color: rgba(255,255,255,1);
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
line-height: 12px;
text-transform: uppercase;
@@ -46,10 +47,10 @@
.sidebar-alt > .sidebar-content {
padding-right: 10px;
padding-left: 20px;
}
.sidebar-scrollable {
- border-bottom: 1px solid rgba(243,243,243,1);
+ border-bottom: 1px solid rgba(0,0,0,0.15);
height: auto;
max-height: calc(50% - 60px);
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
overflow-y: auto;
\ No newline at end of file