-
Notifications
You must be signed in to change notification settings - Fork 1
/
styles.css
46 lines (39 loc) · 1.01 KB
/
styles.css
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
@tailwind utilities;
:root {
--nextra-primary-hue: 120deg !important;
}
html {
font-feature-settings: "rlig" 1, "calt" 1, "ss01" 1, "ss06" 1 !important;
}
[data-reach-skip-link] {
@apply sr-only;
}
[data-reach-skip-link]:focus {
@apply not-sr-only fixed ml-6 top-0 bg-white text-lg px-6 py-2 mt-2 outline-none focus:ring z-50;
}
.dark .invert-on-dark {
filter: invert(1) brightness(1.8);
}
body {
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 300px
),
fixed 0 0 / 20px 20px radial-gradient(#d1d1d1 1px, transparent 0),
fixed 10px 10px / 20px 20px radial-gradient(#d1d1d1 1px, transparent 0);
}
.dark body {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #111 300px),
fixed 0 0 / 20px 20px radial-gradient(#313131 1px, transparent 0),
fixed 10px 10px / 20px 20px radial-gradient(#313131 1px, transparent 0);
}
.cs-hide {
display: none;
}
.cs-inlineBlock {
display: inline-block;
}
img {
border-radius: 8px;
}