Newer
Older
David Schwarzmann
committed
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
html {
scroll-behavior: smooth;
}
:focus,
button:focus,
.btn:focus,
.btn-sm:focus,
.form-input:focus,
.form-textarea:focus,
.form-multiselect:focus,
.form-select:focus,
.form-checkbox:focus,
.form-radio:focus {
outline: 2px solid rgba(#0070F4, 0.5);
}
.form-input,
.form-textarea,
.form-multiselect,
.form-select,
.form-checkbox,
.form-radio {
&:focus {
box-shadow: none !important;
}
}
// Hamburger button
.hamburger {
svg > * {
&:nth-child(1),
&:nth-child(2),
&:nth-child(3) {
transform-origin: center;
transform: rotate(0deg);
}
&:nth-child(1) {
transition: y 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.1s ease-in;
}
&:nth-child(2) {
transition: transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
&:nth-child(3) {
transition: y 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), width 0.1s 0.25s ease-in;
}
}
&.active {
svg > * {
&:nth-child(1) {
opacity: 0;
y: 11;
transform: rotate(225deg);
transition: y 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.1s 0.12s ease-out;
}
&:nth-child(2) {
transform: rotate(225deg);
transition: transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
&:nth-child(3) {
y: 11;
transform: rotate(135deg);
transition: y 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.1s ease-out;
}
}
}
}
.blur {
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
.table-of-contents a {
color: black;
&:hover {
color: #3578e5;
}
}