todos-contra-el-fuego-web/imports/ui/pages/Subscriptions/SubscriptionsMap.scss
vjrj c6c22643c1 scss: migrate @import -> @use, lighten/darken -> color.adjust (dart-sass)
Silences the dart-sass deprecation warnings that flooded every build:
- All @import of local partials (colors, mixins, and the CSS-emitting
  partials) -> @use '...' as * (partials are pure defs, so 'as *' keeps the
  global names and the ~25 call sites unchanged). Added explicit @use './colors'
  to bootstrap-overrides.scss and cookies-eu.scss, which used -palette*
  transitively (broke under @use's scoping).
- lighten(c, x%) -> color.adjust(c, $lightness: x%) and darken -> negative,
  with @use 'sass:color' in the 6 affected files.
Compiles clean (byte-for-byte CSS behavior preserved).
2026-07-17 18:18:04 +02:00

63 lines
1,023 B
SCSS

@use '../../stylesheets/mixins' as *;
@use '../../stylesheets/colors' as *;
.subscriptionsmap-leaflet-container {
height: 100%;
min-height: 60vh;
width: 100%;
/* min-width: 75vw; */
display: flex;
margin: 20px auto;
}
div.selectionmap-leaflet-container {
position: relative;
margin: 0;
}
@include breakpoint(mobile) {
.subscriptionsmap-leaflet-container {
height: 80%;
min-width: 90vw;
}
}
.Loading {
position: absolute;
top: calc(50% - 150px);
left: calc(50% - 150px);
z-index: 1000;
}
.Loading > svg {
width: 300px;
height: 300px;
stroke: grey;
}
.mark-checkbox {
margin-left: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(/images/layers.png);
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(/images/layers.png);
background-size: 26px 26px;
}
.glyphicon .glyphicon-thumbs-up {
}
.subscriptionsmap-legend {
font-size: 16px;
}
.subscriptionsmap-note,
.subscriptionsmap-footnote {
font-size: 14px;
color: $light;
}