Y-SLD/assets/playkit/plugins/leaflet/sidebar/scss/leaflet-sidebar.scss

54 lines
1.2 KiB
SCSS
Raw Normal View History

2024-03-01 11:23:55 +00:00
$sidebar-margins: 10px;
$sidebar-border-radius: 4px;
$sidebar-touch-border: 2px solid rgba(0, 0, 0, 0.2);
$sidebar-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
$tab-fg: #333;
$tabs-bg: #fff;
$tab-hover-fg: #000;
$tab-hover-bg: #eee;
$tab-active-fg: #fff;
$tab-active-bg: #0074d9;
@import 'base';
.sidebar {
box-shadow: $sidebar-shadow;
&.leaflet-touch {
box-shadow: none;
border-right: $sidebar-touch-border;
}
@media(min-width:$threshold-sm) {
border-radius: $sidebar-border-radius;
&.leaflet-touch {
border: $sidebar-touch-border;
}
&.collapsed ~ .sidebar-map .leaflet-left {
left: $tab-size + $sidebar-margins;
}
}
}
.sidebar-map .leaflet-left {
@media(min-width:$threshold-sm) {
transition: left $sidebar-transition;
}
@media(min-width:$threshold-sm) and (max-width:$threshold-md - 1px) {
left: $width-sm + $sidebar-margins;
}
@media(min-width:$threshold-md) and (max-width:$threshold-lg - 1px) {
left: $width-md + $sidebar-margins;
}
@media(min-width:$threshold-lg) {
left: $width-lg + $sidebar-margins;
}
}