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

33 lines
900 B
SCSS
Raw Permalink Normal View History

2024-03-01 11:23:55 +00:00
$sidebar-margins: 6px;
$sidebar-inner-border-radius: 2px;
@import 'ol-base';
.sidebar {
@media(min-width:$threshold-sm) {
&.collapsed ~ .sidebar-map .ol-zoom {
margin-left: $tab-size + $sidebar-margins + $sidebar-border-width * 2;
}
}
}
.sidebar-map .ol-zoom {
margin-left: $tab-size + $sidebar-border-width * 2;
@media(min-width:$threshold-sm) {
transition: margin-left $sidebar-transition;
}
@media(min-width:$threshold-sm) and (max-width:$threshold-md - 1px) {
margin-left: $width-sm + $sidebar-margins + $sidebar-border-width * 2;
}
@media(min-width:$threshold-md) and (max-width:$threshold-lg - 1px) {
margin-left: $width-md + $sidebar-margins + $sidebar-border-width * 2;
}
@media(min-width:$threshold-lg) {
margin-left: $width-lg + $sidebar-margins + $sidebar-border-width * 2;
}
}