blob: 935c1639e4e260296d069aee031e3a254c9fd7b7 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
@use "../../../../styles/abstracts/functions" as fun;
@use "../../../../styles/abstracts/mixins" as mix;
.footer {
--navbar-size: #{fun.convert-px(80)};
display: flex;
flex-flow: column wrap;
gap: var(--spacing-xs);
place-items: center;
place-content: center;
padding: var(--spacing-md) 0 calc(var(--navbar-size) + var(--spacing-md));
border-top: fun.convert-px(3) solid var(--color-border-light);
@include mix.media("screen") {
@include mix.dimensions("sm") {
--navbar-size: 0px;
flex-flow: row wrap;
font-size: var(--font-size-sm);
}
}
}
.back-to-top {
position: fixed;
bottom: calc(var(--navbar-size, 0px) + var(--spacing-md));
right: var(--spacing-md);
transition: all 0.4s ease-in 0s;
&--hidden {
opacity: 0;
transform: translateY(calc(var(--button-height) + var(--spacing-md)));
visibility: hidden;
}
&--visible {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
}
|
