-
Notifications
You must be signed in to change notification settings - Fork 3
/
custom.css
118 lines (99 loc) · 2.44 KB
/
custom.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
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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
body {
@apply !bg-white dark:!bg-dark;
}
.dark\:nx-bg-dark {
@apply !bg-white dark:!bg-dark;
}
.dark\:nx-shadow-\[0_-12px_16px_\#111\] {
@apply !shadow-white dark:!shadow-dark;
}
@supports (
((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)))
) {
html[class~="dark"] div.nextra-nav-container-blur {
--tw-bg-opacity: 1;
background-color: rgb(31 29 43 / var(--tw-bg-opacity)) !important;
}
}
code {
@apply text-sm;
}
.dark .invert-on-dark {
filter: invert(1) brightness(1.8);
}
@font-face {
font-family: "BreezeSans";
src: url("public/fonts/BreezeSans-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BreezeSans";
src: url("public/fonts/BreezeSans-Medium.ttf") format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "BreezeSans";
src: url("public/fonts/BreezeSans-Bold.ttf") format("truetype");
font-weight: 800;
font-style: normal;
}
/* Cousine */
@font-face {
font-family: "Cousine";
src: url("public/fonts/Cousine-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Cousine";
src: url("public/fonts/Cousine-Bold.ttf") format("truetype");
font-weight: 800;
font-style: normal;
}
.webbCardBg {
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 .webbCardBg {
/* background: rgba(0, 0, 0, 0.8); */
background: #1f1d2b;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0px 20px 48px rgba(0, 0, 0, 0.2);
}
.webbCardBg {
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 .webbCardBg {
background: rgba(0, 0, 0, 0.8);
background: #1f1d2b;
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;
}
div[role="tabpanel"] {
background-color: #f1f5fb;
padding: 33px 33px 23px 33px;
border: 1px solid #9696ff;
}
[role="tab"][aria-selected="true"] {
background-color: #5858fd;
color: white;
font-weight: 700;
}
[role="tab"][aria-selected="false"] {
background-color: #fcfdff;
border-top: 1px solid #a8a8ff;
border-left: 1px solid #a8a8ff;
border-right: 1px solid #a8a8ff;
color: #3333c9;
}