vjrj
c6c22643c1
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).
68 lines
1.1 KiB
SCSS
68 lines
1.1 KiB
SCSS
@use '../../stylesheets/mixins' as *;
|
|
@use '../../stylesheets/colors' as *;
|
|
|
|
/* https://github.com/PaulLeCam/react-leaflet/issues/108 */
|
|
|
|
.firesmap-leaflet-container {
|
|
height: 100%;
|
|
min-height: 55vh;
|
|
width: 100%;
|
|
/* min-width: 75vw; */
|
|
display: flex;
|
|
margin: 10px auto;
|
|
}
|
|
|
|
@include breakpoint(mobile) {
|
|
.firesmap-leaflet-container {
|
|
height: 70%;
|
|
min-width: 85vw;
|
|
margin: 10px auto;
|
|
}
|
|
}
|
|
|
|
.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 {
|
|
|
|
}
|
|
|
|
.firesmap-legend {
|
|
font-size: 16px;
|
|
}
|
|
|
|
@include breakpoint(mobile) {
|
|
p.firesmap-note,
|
|
p.firesmap-legend {
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
.firesmap-note,
|
|
.firesmap-footnote {
|
|
font-size: 14px;
|
|
color: $light;
|
|
}
|