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
|
code {
@apply text-sm;
}
.dark .invert-on-dark {
filter: invert(1) brightness(1.8);
}
/*
* Increase the contrast of this text (used in the left sidebar) in dark mode to be WCAG AA compliant.
* Nextra does not expose a way of customizing just this color without creating a new theme, so use custom
* css. Includes the class name in the selector twice to increase specificity without using `!important`.
*/
html[class~="dark"] .dark\:nx-text-neutral-500.dark\:nx-text-neutral-500 {
color: rgba(150, 150, 150, var(--tw-text-opacity));
}
@font-face {
font-family: "Space Grotesk";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/spacegrotesk/v13/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUXskPMBBSSJLm2E.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
font-display: swap;
}
@font-face {
font-family: "Space Grotesk";
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/spacegrotesk/v13/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7aUXskPMBBSSJLm2E.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
font-display: swap;
}
.turborepoCardBg {
background: #fff;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.03),
0px 2px 4px rgba(0, 0, 0, 0.05), 0px 12px 24px rgba(0, 0, 0, 0.05);
}
.dark .turborepoCardBg {
/* background: rgba(0, 0, 0, 0.8); */
background: #000;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0px 20px 48px rgba(0, 0, 0, 0.2);
}
.turbopackCardBg {
background: #fff;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.03),
0px 2px 4px rgba(0, 0, 0, 0.05), 0px 12px 24px rgba(0, 0, 0, 0.05);
}
.dark .turbopackCardBg {
background: rgba(0, 0, 0, 0.8);
background: #000;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0px 20px 48px rgba(0, 0, 0, 0.2);
}
.list,
.list:focus-visible,
.list:focus {
outline: none !important;
box-shadow: none !important;
}
|