51 lines
1.1 KiB
SCSS
51 lines
1.1 KiB
SCSS
$sidebar-bg: rgba(255, 255, 255, 0.4) !default;
|
|
$sidebar-border-width: 3px !default;
|
|
$sidebar-border-radius: 4px !default;
|
|
$sidebar-border: $sidebar-border-width solid transparent !default;
|
|
|
|
$tab-fg: #fff !default;
|
|
$tabs-bg: rgba(0, 60, 136, 0.5) !default;
|
|
$tab-hover-fg: #fff !default;
|
|
$tab-hover-bg: rgba(0, 60, 136, 0.6) !default;
|
|
$tab-active-fg: #fff !default;
|
|
$tab-active-bg: #0074d9 !default;
|
|
|
|
$move-map-in-xs: false !default;
|
|
|
|
@import 'base';
|
|
|
|
.sidebar {
|
|
background-color: $sidebar-bg;
|
|
|
|
@media(min-width:$threshold-sm) {
|
|
border: $sidebar-border;
|
|
border-radius: $sidebar-border-radius;
|
|
}
|
|
}
|
|
|
|
.sidebar-left {
|
|
border-right: $sidebar-border;
|
|
}
|
|
|
|
.sidebar-right {
|
|
border-left: $sidebar-border;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
}
|