@hackersheet/react-document-content-styles 0.1.0-alpha.5 → 0.1.0-alpha.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/basic.module.css +149 -97
- package/package.json +1 -1
package/dist/basic.module.css
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
.main :first-child {
|
|
2
|
+
.main > :first-child {
|
|
3
3
|
margin-top: 0;
|
|
4
4
|
}
|
|
5
|
+
.main > :last-child {
|
|
6
|
+
margin-bottom: 0;
|
|
7
|
+
}
|
|
5
8
|
.main * {
|
|
6
9
|
word-break: break-word;
|
|
7
10
|
scroll-margin-top: var(--hsdc-scroll-margin-top);
|
|
@@ -17,15 +20,6 @@
|
|
|
17
20
|
font-weight: 700;
|
|
18
21
|
border-bottom: 1px solid hsl(var(--hsdc-border));
|
|
19
22
|
}
|
|
20
|
-
.main p {
|
|
21
|
-
margin: 1.8rem 0;
|
|
22
|
-
}
|
|
23
|
-
.main strong {
|
|
24
|
-
font-weight: 700;
|
|
25
|
-
}
|
|
26
|
-
.main hr {
|
|
27
|
-
margin: 4rem 0;
|
|
28
|
-
}
|
|
29
23
|
.main h1 {
|
|
30
24
|
font-size: 2rem;
|
|
31
25
|
}
|
|
@@ -44,19 +38,28 @@
|
|
|
44
38
|
.main h6 {
|
|
45
39
|
font-size: 0.7rem;
|
|
46
40
|
}
|
|
41
|
+
.main p {
|
|
42
|
+
margin: 1.8rem 0;
|
|
43
|
+
}
|
|
44
|
+
.main strong {
|
|
45
|
+
font-weight: 700;
|
|
46
|
+
}
|
|
47
|
+
.main hr {
|
|
48
|
+
margin: 4rem 0;
|
|
49
|
+
}
|
|
47
50
|
.main p {
|
|
48
51
|
line-height: 2.2;
|
|
49
52
|
letter-spacing: 0.04em;
|
|
50
53
|
}
|
|
51
54
|
.main ol,
|
|
52
55
|
.main ul {
|
|
53
|
-
padding-left: 1.
|
|
56
|
+
padding-left: 1.5rem;
|
|
54
57
|
}
|
|
55
58
|
.main ol ol,
|
|
56
59
|
.main ol ul,
|
|
57
60
|
.main ul ol,
|
|
58
61
|
.main ul ul {
|
|
59
|
-
padding-left:
|
|
62
|
+
padding-left: 1rem;
|
|
60
63
|
}
|
|
61
64
|
.main ol li,
|
|
62
65
|
.main ul li {
|
|
@@ -82,10 +85,11 @@
|
|
|
82
85
|
list-style-type: square;
|
|
83
86
|
}
|
|
84
87
|
.main table {
|
|
88
|
+
margin: 1.5rem 0;
|
|
85
89
|
width: 100%;
|
|
86
90
|
table-layout: fixed;
|
|
87
91
|
border-collapse: separate;
|
|
88
|
-
border-radius:
|
|
92
|
+
border-radius: 0.25rem;
|
|
89
93
|
border-spacing: 0;
|
|
90
94
|
border: 1px solid hsl(var(--hsdc-border));
|
|
91
95
|
overflow: hidden;
|
|
@@ -101,7 +105,7 @@
|
|
|
101
105
|
}
|
|
102
106
|
.main table th,
|
|
103
107
|
.main table td {
|
|
104
|
-
padding:
|
|
108
|
+
padding: 0.5rem;
|
|
105
109
|
font-size: 0.875rem;
|
|
106
110
|
text-align: left;
|
|
107
111
|
}
|
|
@@ -121,9 +125,9 @@
|
|
|
121
125
|
text-decoration: line-through;
|
|
122
126
|
}
|
|
123
127
|
.main code:not(pre code) {
|
|
124
|
-
border-radius:
|
|
128
|
+
border-radius: 0.25rem;
|
|
125
129
|
box-sizing: border-box;
|
|
126
|
-
padding: 0.
|
|
130
|
+
padding: 0.125rem 0.25rem;
|
|
127
131
|
font-family: var(--hsdc-font-code);
|
|
128
132
|
font-size: 0.875em;
|
|
129
133
|
line-height: 1.5;
|
|
@@ -131,7 +135,7 @@
|
|
|
131
135
|
background-color: hsl(var(--hsdc-muted));
|
|
132
136
|
}
|
|
133
137
|
.main blockquote {
|
|
134
|
-
margin:
|
|
138
|
+
margin: 1.8rem 0;
|
|
135
139
|
padding: 0.5rem 1rem;
|
|
136
140
|
border-left: 0.25em solid hsl(var(--hsdc-border));
|
|
137
141
|
color: hsl(var(--hsdc-muted-foreground));
|
|
@@ -157,268 +161,316 @@
|
|
|
157
161
|
.main summary:hover {
|
|
158
162
|
background-color: hsl(var(--hsdc-muted)/0.5);
|
|
159
163
|
}
|
|
160
|
-
|
|
161
|
-
|
|
164
|
+
|
|
165
|
+
.main :global .heading:has(a) {
|
|
166
|
+
padding: 0;
|
|
167
|
+
}
|
|
168
|
+
.main :global .heading a {
|
|
169
|
+
display: block;
|
|
170
|
+
padding: 0.5rem 0;
|
|
171
|
+
color: inherit;
|
|
172
|
+
}
|
|
173
|
+
.main :global .heading a .heading-link-icon {
|
|
174
|
+
margin-left: 0.5rem;
|
|
175
|
+
display: none;
|
|
176
|
+
line-height: 1.1;
|
|
177
|
+
width: 1em;
|
|
178
|
+
height: 1em;
|
|
179
|
+
vertical-align: middle;
|
|
180
|
+
}
|
|
181
|
+
.main :global .heading:hover .heading-link-icon {
|
|
182
|
+
display: inline-block;
|
|
183
|
+
}
|
|
184
|
+
.main :global .footnotes {
|
|
185
|
+
margin-top: 4rem;
|
|
186
|
+
padding-top: 2rem;
|
|
187
|
+
border-top: 1px solid hsl(var(--hsdc-border));
|
|
162
188
|
color: hsl(var(--hsdc-muted-foreground));
|
|
163
189
|
}
|
|
164
|
-
.main :global
|
|
190
|
+
.main :global .footnotes p {
|
|
165
191
|
margin: 0;
|
|
166
192
|
}
|
|
167
|
-
.main :global
|
|
193
|
+
.main :global .footnotes .sr-only {
|
|
194
|
+
position: absolute;
|
|
195
|
+
width: 1px;
|
|
196
|
+
height: 1px;
|
|
197
|
+
padding: 0;
|
|
198
|
+
margin: -1px;
|
|
199
|
+
overflow: hidden;
|
|
200
|
+
clip: rect(0, 0, 0, 0);
|
|
201
|
+
white-space: nowrap;
|
|
202
|
+
border-width: 0;
|
|
203
|
+
}
|
|
204
|
+
.main :global .contains-task-list {
|
|
168
205
|
list-style-type: none;
|
|
169
206
|
padding-left: 0;
|
|
170
207
|
}
|
|
171
|
-
.main :global
|
|
208
|
+
.main :global .contains-task-list input {
|
|
172
209
|
margin-right: 0.5rem;
|
|
173
210
|
}
|
|
174
|
-
|
|
175
|
-
|
|
211
|
+
.main :global .contains-task-list li:has(input:checked) {
|
|
212
|
+
text-decoration: line-through;
|
|
213
|
+
}
|
|
214
|
+
.main :global .react-tweet-theme {
|
|
176
215
|
margin-left: auto;
|
|
177
216
|
margin-right: auto;
|
|
178
217
|
}
|
|
179
|
-
.main :global
|
|
218
|
+
.main :global .react-tweet-theme p {
|
|
180
219
|
margin: 0;
|
|
181
220
|
line-height: 1.5;
|
|
182
|
-
font-size:
|
|
221
|
+
font-size: 1rem;
|
|
183
222
|
}
|
|
184
|
-
.main :global
|
|
223
|
+
.main :global .code-block {
|
|
185
224
|
margin: 1.5rem 0;
|
|
186
225
|
border: 1px solid hsl(var(--hsdc-border));
|
|
187
|
-
border-radius:
|
|
226
|
+
border-radius: 0.25rem;
|
|
188
227
|
overflow: hidden;
|
|
189
228
|
}
|
|
190
|
-
.main :global
|
|
229
|
+
.main :global .code-block pre {
|
|
191
230
|
font-family: var(--hsdc-font-code);
|
|
192
|
-
font-size:
|
|
193
|
-
padding:
|
|
231
|
+
font-size: 0.875rem;
|
|
232
|
+
padding: 1rem;
|
|
194
233
|
overflow: auto;
|
|
195
234
|
background-color: hsl(var(--hsdc-code-block));
|
|
196
235
|
}
|
|
197
|
-
.main :global
|
|
236
|
+
.main :global .code-block .code-block-header {
|
|
198
237
|
display: flex;
|
|
199
238
|
flex-direction: row;
|
|
200
239
|
align-items: center;
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
240
|
+
justify-items: center;
|
|
241
|
+
gap: 0.5rem;
|
|
242
|
+
font-size: 0.875rem;
|
|
243
|
+
padding: 0.5rem 1rem;
|
|
204
244
|
background-color: hsl(var(--hsdc-muted));
|
|
205
245
|
border-bottom: 1px solid hsl(var(--hsdc-border));
|
|
206
246
|
}
|
|
207
|
-
.main :global
|
|
247
|
+
.main :global .code-block .code-block-header > div {
|
|
248
|
+
display: flex;
|
|
249
|
+
align-items: center;
|
|
250
|
+
justify-items: center;
|
|
251
|
+
}
|
|
252
|
+
.main :global .code-block .code-block-filename {
|
|
208
253
|
flex: 1 1 auto;
|
|
209
254
|
}
|
|
210
|
-
.main :global
|
|
255
|
+
.main :global .shiki code {
|
|
211
256
|
min-width: max-content;
|
|
212
257
|
display: flex;
|
|
213
258
|
flex-direction: column;
|
|
214
|
-
margin: 0 -
|
|
259
|
+
margin: 0 -1rem;
|
|
215
260
|
}
|
|
216
|
-
.main :global
|
|
261
|
+
.main :global .shiki span.line {
|
|
217
262
|
position: relative;
|
|
218
263
|
width: 100%;
|
|
219
|
-
padding: 0
|
|
264
|
+
padding: 0 1rem;
|
|
220
265
|
}
|
|
221
|
-
.main :global
|
|
266
|
+
.main :global .shiki span.line.highlighted {
|
|
222
267
|
background-color: hsl(var(--hsdc-shiki-highlighted-word)/0.1) !important;
|
|
223
268
|
}
|
|
224
|
-
.main :global
|
|
269
|
+
.main :global .shiki span.line.diff.add {
|
|
225
270
|
background-color: hsl(var(--hsdc-shiki-diff-add)/0.1) !important;
|
|
226
271
|
}
|
|
227
|
-
.main :global
|
|
272
|
+
.main :global .shiki span.line.diff.add::before {
|
|
228
273
|
position: absolute;
|
|
229
274
|
left: 2px;
|
|
230
275
|
content: "+";
|
|
231
276
|
color: hsl(var(--hsdc-shiki-diff-add));
|
|
232
277
|
}
|
|
233
|
-
.main :global
|
|
278
|
+
.main :global .shiki span.line.diff.remove {
|
|
234
279
|
background-color: hsl(var(--hsdc-shiki-diff-remove)/0.1) !important;
|
|
235
280
|
}
|
|
236
|
-
.main :global
|
|
281
|
+
.main :global .shiki span.line.diff.remove::before {
|
|
237
282
|
position: absolute;
|
|
238
283
|
left: 2px;
|
|
239
284
|
content: "-";
|
|
240
285
|
color: hsl(var(--hsdc-shiki-diff-remove));
|
|
241
286
|
}
|
|
242
|
-
.main :global
|
|
287
|
+
.main :global .shiki .highlighted-word {
|
|
243
288
|
background-color: hsl(var(--hsdc-shiki-highlighted-word)/0.2);
|
|
244
|
-
padding:
|
|
245
|
-
margin: -
|
|
289
|
+
padding: 0.125rem 0;
|
|
290
|
+
margin: -0.125rem 0;
|
|
246
291
|
}
|
|
247
|
-
.main :global
|
|
248
|
-
.main :global
|
|
292
|
+
.main :global .shiki .tab,
|
|
293
|
+
.main :global .shiki .space {
|
|
249
294
|
position: relative;
|
|
250
295
|
}
|
|
251
|
-
.main :global
|
|
296
|
+
.main :global .shiki .tab::before {
|
|
252
297
|
content: "⇥";
|
|
253
298
|
position: absolute;
|
|
254
299
|
opacity: 0.3;
|
|
255
300
|
}
|
|
256
|
-
.main :global
|
|
301
|
+
.main :global .shiki .space::before {
|
|
257
302
|
content: "·";
|
|
258
303
|
position: absolute;
|
|
259
304
|
opacity: 0.3;
|
|
260
305
|
}
|
|
261
|
-
.main :global
|
|
306
|
+
.main :global .link-card {
|
|
262
307
|
display: flex;
|
|
263
308
|
flex-direction: row;
|
|
264
309
|
border: 1px solid hsl(var(--hsdc-border));
|
|
265
|
-
border-radius:
|
|
310
|
+
border-radius: 0.5rem;
|
|
266
311
|
overflow: hidden;
|
|
267
312
|
color: inherit;
|
|
268
313
|
width: 100%;
|
|
269
314
|
max-height: 144px;
|
|
270
315
|
margin: 1.8rem 0;
|
|
271
316
|
}
|
|
272
|
-
.main :global
|
|
317
|
+
.main :global .link-card:hover {
|
|
273
318
|
text-decoration: none;
|
|
274
319
|
background-color: hsl(var(--hsdc-muted)/0.5);
|
|
275
320
|
}
|
|
276
|
-
.main :global
|
|
321
|
+
.main :global .link-card .link-card-main {
|
|
277
322
|
flex: 1;
|
|
278
323
|
display: flex;
|
|
279
324
|
flex-direction: column;
|
|
280
|
-
padding:
|
|
325
|
+
padding: 0.75rem 1rem;
|
|
281
326
|
overflow: hidden;
|
|
282
|
-
gap:
|
|
327
|
+
gap: 0.5rem;
|
|
283
328
|
}
|
|
284
|
-
.main :global
|
|
329
|
+
.main :global .link-card .link-card-main .link-card-title,
|
|
330
|
+
.main :global .link-card .link-card-main .link-card-description,
|
|
331
|
+
.main :global .link-card .link-card-main .link-card-domain {
|
|
285
332
|
overflow: hidden;
|
|
286
333
|
display: -webkit-box;
|
|
287
334
|
-webkit-box-orient: vertical;
|
|
288
335
|
-webkit-line-clamp: 2;
|
|
289
336
|
line-clamp: 2;
|
|
290
337
|
}
|
|
291
|
-
.main :global
|
|
338
|
+
.main :global .link-card .link-card-main .link-card-title-container {
|
|
292
339
|
flex: 1 1 auto;
|
|
293
340
|
}
|
|
294
|
-
.main :global
|
|
341
|
+
.main :global .link-card .link-card-main .link-card-title-container .link-card-title {
|
|
295
342
|
font-size: 0.875rem;
|
|
296
343
|
-webkit-line-clamp: 4;
|
|
297
344
|
line-clamp: 4;
|
|
298
345
|
}
|
|
299
346
|
@media (min-width: 640px) {
|
|
300
|
-
.main :global
|
|
347
|
+
.main :global .link-card .link-card-main .link-card-title-container .link-card-title {
|
|
301
348
|
font-size: 1rem;
|
|
302
349
|
-webkit-line-clamp: 2;
|
|
303
350
|
line-clamp: 2;
|
|
304
351
|
}
|
|
305
352
|
}
|
|
306
|
-
.main :global
|
|
353
|
+
.main :global .link-card .link-card-main .link-card-description {
|
|
307
354
|
font-size: 0.75rem;
|
|
308
355
|
display: none;
|
|
309
356
|
color: hsl(var(--hsdc-muted-foreground));
|
|
310
357
|
}
|
|
311
358
|
@media (min-width: 640px) {
|
|
312
|
-
.main :global
|
|
359
|
+
.main :global .link-card .link-card-main .link-card-description {
|
|
313
360
|
display: -webkit-box;
|
|
314
361
|
}
|
|
315
362
|
}
|
|
316
|
-
.main :global
|
|
363
|
+
.main :global .link-card .link-card-main .link-card-domain {
|
|
317
364
|
display: flex;
|
|
318
365
|
flex-direction: row;
|
|
319
366
|
align-items: center;
|
|
320
|
-
gap:
|
|
367
|
+
gap: 0.5rem;
|
|
321
368
|
font-size: 0.75rem;
|
|
322
369
|
color: hsl(var(--hsdc-muted-foreground));
|
|
323
370
|
}
|
|
324
|
-
.main :global
|
|
371
|
+
.main :global .link-card .link-card-main .link-card-domain > div {
|
|
372
|
+
text-wrap: nowrap;
|
|
373
|
+
text-overflow: ellipsis;
|
|
374
|
+
overflow: hidden;
|
|
375
|
+
}
|
|
376
|
+
.main :global .link-card .link-card-image {
|
|
325
377
|
width: 35%;
|
|
326
378
|
}
|
|
327
|
-
.main :global
|
|
379
|
+
.main :global .link-card .link-card-image img {
|
|
328
380
|
object-fit: contain;
|
|
329
381
|
object-position: top;
|
|
330
|
-
padding:
|
|
382
|
+
padding: 0.5rem;
|
|
331
383
|
width: 100%;
|
|
332
384
|
height: 100%;
|
|
333
385
|
}
|
|
334
386
|
@media (min-width: 640px) {
|
|
335
|
-
.main :global
|
|
387
|
+
.main :global .link-card .link-card-image img {
|
|
336
388
|
object-fit: cover;
|
|
337
389
|
object-position: center;
|
|
338
390
|
padding: 0;
|
|
339
391
|
}
|
|
340
392
|
}
|
|
341
|
-
.main :global
|
|
393
|
+
.main :global .markdown-alert {
|
|
342
394
|
padding: 0.5rem 1rem;
|
|
343
395
|
margin-bottom: 1.8rem;
|
|
344
396
|
border-left: 0.25em solid var(--github-alert-default-color);
|
|
345
397
|
}
|
|
346
|
-
.main :global
|
|
398
|
+
.main :global .markdown-alert > :first-child {
|
|
347
399
|
margin-top: 0;
|
|
348
400
|
}
|
|
349
|
-
.main :global
|
|
350
|
-
margin-top:
|
|
401
|
+
.main :global .markdown-alert > :nth-child(2) {
|
|
402
|
+
margin-top: 0.25rem;
|
|
351
403
|
}
|
|
352
|
-
.main :global
|
|
404
|
+
.main :global .markdown-alert > :last-child {
|
|
353
405
|
margin-bottom: 0;
|
|
354
406
|
}
|
|
355
|
-
.main :global
|
|
407
|
+
.main :global .markdown-alert .markdown-alert-title {
|
|
356
408
|
display: flex;
|
|
357
|
-
margin-bottom:
|
|
409
|
+
margin-bottom: 0.25rem;
|
|
358
410
|
align-items: center;
|
|
359
411
|
}
|
|
360
|
-
.main :global
|
|
361
|
-
margin-right:
|
|
412
|
+
.main :global .markdown-alert .markdown-alert-title > svg {
|
|
413
|
+
margin-right: 0.5rem;
|
|
362
414
|
}
|
|
363
|
-
.main :global
|
|
415
|
+
.main :global .markdown-alert.markdown-alert-note {
|
|
364
416
|
border-left-color: var(--github-alert-note-color);
|
|
365
417
|
}
|
|
366
|
-
.main :global
|
|
418
|
+
.main :global .markdown-alert.markdown-alert-note .markdown-alert-title {
|
|
367
419
|
color: var(--github-alert-note-color);
|
|
368
420
|
}
|
|
369
|
-
.main :global
|
|
421
|
+
.main :global .markdown-alert.markdown-alert-tip {
|
|
370
422
|
border-left-color: var(--github-alert-tip-color);
|
|
371
423
|
}
|
|
372
|
-
.main :global
|
|
424
|
+
.main :global .markdown-alert.markdown-alert-tip .markdown-alert-title {
|
|
373
425
|
color: var(--github-alert-tip-color);
|
|
374
426
|
}
|
|
375
|
-
.main :global
|
|
427
|
+
.main :global .markdown-alert.markdown-alert-important {
|
|
376
428
|
border-left-color: var(--github-alert-important-color);
|
|
377
429
|
}
|
|
378
|
-
.main :global
|
|
430
|
+
.main :global .markdown-alert.markdown-alert-important .markdown-alert-title {
|
|
379
431
|
color: var(--github-alert-important-color);
|
|
380
432
|
}
|
|
381
|
-
.main :global
|
|
433
|
+
.main :global .markdown-alert.markdown-alert-warning {
|
|
382
434
|
border-left-color: var(--github-alert-warning-color);
|
|
383
435
|
}
|
|
384
|
-
.main :global
|
|
436
|
+
.main :global .markdown-alert.markdown-alert-warning .markdown-alert-title {
|
|
385
437
|
color: var(--github-alert-warning-color);
|
|
386
438
|
}
|
|
387
|
-
.main :global
|
|
439
|
+
.main :global .markdown-alert.markdown-alert-caution {
|
|
388
440
|
border-left-color: var(--github-alert-caution-color);
|
|
389
441
|
}
|
|
390
|
-
.main :global
|
|
442
|
+
.main :global .markdown-alert.markdown-alert-caution .markdown-alert-title {
|
|
391
443
|
color: var(--github-alert-caution-color);
|
|
392
444
|
}
|
|
393
|
-
.main :global
|
|
445
|
+
.main :global .mermaid-block {
|
|
394
446
|
margin: 1.5rem 0;
|
|
395
447
|
}
|
|
396
|
-
.main :global
|
|
448
|
+
.main :global .mermaid-block svg {
|
|
397
449
|
margin-right: auto;
|
|
398
450
|
margin-left: auto;
|
|
399
451
|
}
|
|
400
|
-
.main :global
|
|
452
|
+
.main :global .mermaid-block.mermaid-loading {
|
|
401
453
|
width: 100%;
|
|
402
454
|
height: 8em;
|
|
403
455
|
display: flex;
|
|
404
456
|
justify-items: center;
|
|
405
457
|
align-items: center;
|
|
406
458
|
}
|
|
407
|
-
.main :global
|
|
459
|
+
.main :global .mermaid-block.mermaid-loading > div {
|
|
408
460
|
margin-left: auto;
|
|
409
461
|
margin-right: auto;
|
|
410
462
|
}
|
|
411
|
-
.main :global
|
|
463
|
+
.main :global .youtube-block {
|
|
412
464
|
margin: 1.5rem 0;
|
|
413
465
|
}
|
|
414
|
-
.main :global
|
|
466
|
+
.main :global .youtube-block div > lite-youtube {
|
|
415
467
|
margin-right: auto;
|
|
416
468
|
margin-left: auto;
|
|
417
469
|
}
|
|
418
|
-
.main :global
|
|
470
|
+
.main :global .kifu-block {
|
|
419
471
|
margin: 1.5rem 0;
|
|
420
472
|
}
|
|
421
|
-
.main :global
|
|
473
|
+
.main :global .kifu-block svg {
|
|
422
474
|
margin-right: auto;
|
|
423
475
|
margin-left: auto;
|
|
424
476
|
}
|