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).
47 lines
687 B
SCSS
47 lines
687 B
SCSS
@use '../../stylesheets/mixins' as *;
|
|
@use '../../stylesheets/colors' as *;
|
|
|
|
.PageHeader {
|
|
border-bottom: 1px solid $gray-lighter;
|
|
padding: 10px 0 20px;
|
|
margin-bottom: 20px;
|
|
|
|
h1 {
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
margin: 0;
|
|
}
|
|
|
|
p {
|
|
font-size: 14px;
|
|
margin-top: 10px;
|
|
margin-bottom: 0;
|
|
color: $gray-light;
|
|
}
|
|
}
|
|
|
|
.PageHeader-container {
|
|
text-align: center;
|
|
}
|
|
|
|
@include breakpoint(tablet) {
|
|
.PageHeader {
|
|
padding: 10px 0 30px;
|
|
margin-bottom: 30px;
|
|
|
|
h1 {
|
|
font-size: 24px;
|
|
}
|
|
|
|
p {
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
}
|
|
|
|
@include breakpoint(desktop) {
|
|
.PageHeader {
|
|
padding: 20px 0 40px;
|
|
margin-bottom: 40px;
|
|
}
|
|
}
|