todos-contra-el-fuego-web/imports/ui/components/Navigation/Navigation.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

49 lines
No EOL
625 B
SCSS

@use '../../stylesheets/mixins' as *;
.navbar {
border-radius: 0;
border-left: none;
border-right: none;
border-top: none;
}
a.navbar-dark:hover {
text-decoration: none;
color: gray;
}
a.navbar-dark,
a.nav-link {
color: white;
}
a.nav-link:hover {
color: gray;
}
.nav-link {
padding: 0rem 0.8rem;
}
.navbar {
padding: 0.3rem 0rem;
}
a.navbar-brand {
font-size: 26px;
}
@include breakpoint(mobile) {
a.navbar-brand {
font-size: 18px;
padding: 15px 3px 15px 15px;
}
.navbar-nav .nav-link {
padding-left: 5px;
}
}
.hide-brand {
opacity: 0;
width: 0px;
}