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).
62 lines
1.4 KiB
SCSS
62 lines
1.4 KiB
SCSS
@use './mixins' as *;
|
|
@use './colors' as *;
|
|
|
|
a, a:hover {
|
|
color: $todos-palette1a;
|
|
}
|
|
|
|
.bg-dark {
|
|
background-color: $todos-palette1 !important;
|
|
}
|
|
|
|
h4.page-header {
|
|
line-height: 2em;
|
|
font-size: 2em;
|
|
}
|
|
|
|
@include breakpoint(mobile) {
|
|
h4.page-header {
|
|
line-height: 1.3em;
|
|
font-size: 1.5em;
|
|
}
|
|
}
|
|
|
|
.App > .container { // Because of fixed header, previously page-header {
|
|
/* margin-top: 30px; */
|
|
}
|
|
|
|
.page-header {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#react-root > div > div.container > div > div.alert {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
div.leaflet-pane.leaflet-popup-pane > div > div.leaflet-popup-content-wrapper > div > p,
|
|
div.leaflet-pane.leaflet-popup-pane > div > div.leaflet-popup-content-wrapper > div > p > a {
|
|
font-size: 12px;
|
|
}
|
|
|
|
div.leaflet-pane.leaflet-popup-pane > div > div.leaflet-popup-content-wrapper > div > p > a:hover,
|
|
div.leaflet-pane.leaflet-popup-pane > div > div.leaflet-popup-content-wrapper > div > p > a {
|
|
// color: $todos-palette2;
|
|
}
|
|
|
|
.bg-image-about-full {
|
|
background: no-repeat center center scroll;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
background-size: cover;
|
|
-o-background-size: cover;
|
|
background-image: url('/photos/about-1.jpg');
|
|
height: 600px;
|
|
margin: 0px -350px 20px -350px;
|
|
}
|
|
|
|
@include breakpoint(mobile) {
|
|
.bg-image-about-full {
|
|
background-image: url('/photos/about-1-peq.jpg');
|
|
/* height: 400px; other photo */
|
|
}
|
|
}
|