Skip to content

Commit da59989

Browse files
krishpranavkrishpranav
committed
assets: docs[style]
1 parent 28314f7 commit da59989

File tree

1 file changed

+256
-0
lines changed

1 file changed

+256
-0
lines changed

‎src/assets/docs/style.css‎

Lines changed: 256 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,256 @@
1+
@font-face {
2+
src: url('fonts/noto-sans-v36-latin_latin-ext-300.woff2') format('woff2');
3+
font-family: 'Noto Sans';
4+
font-display: swap;
5+
font-style: normal;
6+
font-weight: 300;
7+
}
8+
9+
@font-face {
10+
src: url('fonts/noto-sans-v36-latin_latin-ext-regular.woff2') format('woff2');
11+
font-family: 'Noto Sans';
12+
font-display: swap;
13+
font-style: normal;
14+
font-weight: 400;
15+
}
16+
17+
@font-face {
18+
src: url('fonts/noto-sans-v36-latin_latin-ext-500.woff2') format('woff2');
19+
font-family: 'Noto Sans';
20+
font-display: swap;
21+
font-style: normal;
22+
font-weight: 500;
23+
}
24+
25+
@font-face {
26+
src: url('fonts/forum-v18-latin_latin-ext-regular.woff2') format('woff2');
27+
font-family: 'Forum';
28+
font-display: swap;
29+
font-style: normal;
30+
font-weight: 400;
31+
}
32+
33+
@font-face {
34+
src: url('fonts/fira-code-v22-latin_latin-ext-regular.woff2') format('woff2');
35+
font-family: 'Fira Code';
36+
font-display: swap;
37+
font-style: normal;
38+
font-weight: 400;
39+
}
40+
41+
body {
42+
--color-darkmagenta: darkmagenta;
43+
--color-darkorange: darkorange;
44+
--color-royalblue: royalblue;
45+
--color-indianred: indianred;
46+
--color-black: black;
47+
--color-comment: darkgray;
48+
--color-crimson: crimson;
49+
50+
--line-number-color: #CCCCCC;
51+
--background-color: #FFFFFF;
52+
--border-color: #EAEAEA;
53+
--text-color: #333333;
54+
55+
grid-template-columns: auto 1fr auto;
56+
display: grid;
57+
58+
font-family: Noto Sans;
59+
font-weight: 300;
60+
font-size: 16px;
61+
62+
max-width: 1280px;
63+
margin: 0 auto;
64+
padding: 20px;
65+
66+
background-color: var(--background-color);
67+
color: var(--text-color);
68+
}
69+
70+
aside {
71+
border-right: 3px double var(--border-color);
72+
padding-right: 40px;
73+
margin-right: 40px;
74+
}
75+
76+
a.link {
77+
grid-template-columns: auto 1fr;
78+
align-items: center;
79+
grid-gap: 6px;
80+
display: grid;
81+
82+
padding: 4px 0;
83+
84+
text-decoration: none;
85+
line-height: 1;
86+
color: inherit;
87+
88+
&:hover,
89+
&.active {
90+
color: var(--color-black);
91+
}
92+
}
93+
94+
.badge {
95+
place-content: center;
96+
display: inline-grid;
97+
98+
color: var(--background-color);
99+
text-align: center;
100+
font-weight: 600;
101+
font-size: 10px;
102+
103+
border-radius: 2px;
104+
height: 16px;
105+
width: 16px;
106+
107+
position: relative;
108+
top: 1px;
109+
}
110+
111+
article {
112+
min-width: 0;
113+
}
114+
115+
article a:not([name]) {
116+
color: var(--color-black);
117+
}
118+
119+
h1 {
120+
border-bottom: 3px double var(--border-color);
121+
margin-bottom: 15px;
122+
margin-top: 0;
123+
124+
font-optical-sizing: auto;
125+
font-family: "Fira Code";
126+
font-weight: 400;
127+
font-size: 26px;
128+
}
129+
130+
.content {
131+
line-height: 1.5;
132+
}
133+
134+
.content>*:first-child {
135+
margin-top: 0;
136+
}
137+
138+
.content>*:last-child {
139+
margin-bottom: 0;
140+
}
141+
142+
.entity {
143+
margin-top: 30px;
144+
}
145+
146+
.entity+.entity {
147+
margin-top: 45px;
148+
}
149+
150+
.entity:has(a:target) {
151+
outline: 2px dashed var(--color-black);
152+
outline-offset: 15px;
153+
border-radius: 1px;
154+
}
155+
156+
.entity-signature {
157+
border-bottom: 1px solid var(--border-color);
158+
padding-bottom: 5px;
159+
margin-bottom: 10px;
160+
161+
font-optical-sizing: auto;
162+
font-family: "Fira Code";
163+
font-weight: 400;
164+
font-size: 16px;
165+
166+
flex-wrap: wrap;
167+
display: flex;
168+
169+
white-space: pre;
170+
}
171+
172+
.entity-signature a:not([name]) {
173+
text-decoration: none;
174+
color: inherit;
175+
}
176+
177+
.entity-signature a:not([name]):hover {
178+
color: var(--color-black);
179+
text-decoration: underline;
180+
}
181+
182+
nav {
183+
align-content: start;
184+
align-self: start;
185+
display: grid;
186+
187+
margin-left: 40px;
188+
position: sticky;
189+
top: 20px;
190+
}
191+
192+
nav strong {
193+
margin-bottom: 4px;
194+
font-weight: 600;
195+
font-size: 10px;
196+
color: #999;
197+
}
198+
199+
pre {
200+
font-size: 14px;
201+
overflow: auto;
202+
min-width: 0;
203+
}
204+
205+
pre code {
206+
font-optical-sizing: auto;
207+
font-family: "Fira Code";
208+
font-weight: 400;
209+
}
210+
211+
pre code .line {
212+
counter-increment: snippet;
213+
position: relative;
214+
min-height: 1em;
215+
display: block;
216+
}
217+
218+
pre code .line::before {
219+
content: counter(snippet);
220+
border-right: 1px solid var(--border-color);
221+
color: var(--line-number-color);
222+
display: inline-block;
223+
padding-right: 0.75em;
224+
margin-right: 0.75em;
225+
text-align: right;
226+
width: 1.5em;
227+
}
228+
229+
.keyword {
230+
color: var(--color-darkmagenta);
231+
}
232+
233+
.regexp {
234+
color: var(--color-darkorange);
235+
}
236+
237+
.namespace,
238+
.property {
239+
color: var(--color-indianred);
240+
}
241+
242+
.type {
243+
color: var(--color-royalblue);
244+
}
245+
246+
.string {
247+
color: var(--color-black);
248+
}
249+
250+
.comment {
251+
color: var(--color-comment);
252+
}
253+
254+
.number {
255+
color: var(--color-crimson);
256+
}

0 commit comments

Comments
 (0)