44 lines
975 B
SCSS
44 lines
975 B
SCSS
$sidebar-bg: rgba(255, 255, 255, 0.4);
|
|
$sidebar-border-width: 3px;
|
|
$sidebar-border-radius: 4px;
|
|
$sidebar-border: $sidebar-border-width solid transparent;
|
|
|
|
$tab-fg: #fff;
|
|
$tabs-bg: rgba(0, 60, 136, 0.5);
|
|
$tab-hover-fg: #fff;
|
|
$tab-hover-bg: rgba(0, 60, 136, 0.6);
|
|
$tab-active-fg: #fff;
|
|
$tab-active-bg: #0074d9;
|
|
|
|
$move-map-in-xs: false;
|
|
|
|
@import 'base';
|
|
|
|
.sidebar {
|
|
background-color: $sidebar-bg;
|
|
border-right: $sidebar-border;
|
|
|
|
@media(min-width:$threshold-sm) {
|
|
border: $sidebar-border;
|
|
border-radius: $sidebar-border-radius;
|
|
}
|
|
}
|
|
|
|
.sidebar-tabs {
|
|
overflow: hidden;
|
|
|
|
@media(min-width:$threshold-sm) {
|
|
border-radius: $sidebar-inner-border-radius 0 0 $sidebar-inner-border-radius;
|
|
|
|
.collapsed & {
|
|
border-radius: $sidebar-inner-border-radius;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sidebar-content {
|
|
@media(min-width:$threshold-sm) {
|
|
border-radius: 0 $sidebar-inner-border-radius $sidebar-inner-border-radius 0;
|
|
}
|
|
}
|