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

95 lines
1.4 KiB
SCSS

@use '../../stylesheets/mixins' as *;
@use '../../stylesheets/colors' as *;
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 80px;
}
.Footer {
position: absolute;
bottom: 0;
width: 100%;
/* height: 60px; */
background-color: #fff;
border-top: 1px solid $gray-lighter;
padding: 15px 0 0 0;
p {
color: $gray-light;
font-size: 16px !important;
line-height: 1.3em;
a {
color: $gray-light;
}
a:hover,
a:active,
a:focus {
text-decoration: none;
color: $gray;
}
}
ul {
list-style: none;
padding: 0;
}
ul li {
float: left;
&:first-child, &:nth-child(3) {
margin-right: 15px;
}
a {
color: $gray-light;
}
a:hover,
a:active,
a:focus {
text-decoration: none;
color: $gray;
}
}
}
@include breakpoint(tablet) {
.Footer ul li:first-child,
.Footer ul li:nth-child(2),
.Footer ul li:nth-child(3),
.Footer ul li:nth-child(4){
margin-right: 15px;
}
}
.reverse {
display:inline-block;
-moz-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@include breakpoint(mobile) {
.Footer, .Footer p {
font-size: 13px;
}
.Footer {
line-height: 1.8em;
}
.Footer ul li:first-child,
.Footer ul li:nth-child(2),
.Footer ul li:nth-child(3) {
margin-right: 7px;
}
}