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

58 lines
791 B
SCSS

@use 'sass:color';
@use '../../stylesheets/mixins' as *;
@use '../../stylesheets/colors' as *;
.Logout {
margin: 20px;
background: $todos-palette3;
text-align: center;
border-radius: 3px;
color: #fff;
img {
width: 100px;
height: auto;
}
h1 {
font-size: 28px;
}
p {
font-size: 18px;
color: color.adjust($todos-palette3, $lightness: 25%);
}
ul {
list-style: none;
display: inline-block;
padding: 0;
margin: 10px 0 0;
}
ul li {
float: left;
font-size: 28px;
line-height: 28px;
a {
color: #fff;
}
&:not(:last-child) {
margin-right: 15px;
}
}
}
@include breakpoint(tablet) {
.Logout {
padding: 30px;
}
}
@include breakpoint(desktop) {
.Logout {
padding: 40px;
}
}