We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent 856c289 commit 89f2ea2Copy full SHA for 89f2ea2
source/style.css
@@ -2,6 +2,7 @@
2
:root {
3
--margin: 8px;
4
--ext-icon-margin: 0.3em;
5
+ --background-color: light-dark(#fff, #292a2d);
6
color-scheme: light dark;
7
}
8
@@ -11,6 +12,7 @@ body {
11
12
max-width: 800px;
13
padding: var(--margin);
14
direction: auto;
15
+ background-color: var(--background-color);
16
17
18
main {
@@ -61,7 +63,11 @@ button:hover,
61
63
*/
62
64
.header {
65
display: flex;
66
+ position: sticky;
67
gap: 0.5em;
68
+ z-index: 100;
69
+ top: var(--margin);
70
+ outline: solid var(--margin) var(--background-color);
71
72
73
.header-burger {
@@ -152,7 +158,6 @@ button:hover,
152
158
153
159
@media (prefers-color-scheme: dark) {
154
160
body {
155
- background-color: #292a2d;
156
161
color: #e8eaed;
157
162
163
0 commit comments