@delta-comic/ui 0.1.0 → 0.1.2

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/light.css DELETED
@@ -1,446 +0,0 @@
1
- :root {
2
- --text-color: #6b6884;
3
- --bg-color: #fafafa;
4
- --side-bar-bg-color: #fafafa;
5
- --active-file-bg-color: #fafafa;
6
- --rawblock-edit-panel-bd: white;
7
- --window-border: 0 solid #fafafa;
8
- --control-text-color: #6b6884;
9
- --primary-color: var(--p-color);
10
- --primary-btn-border-color: var(--primary-color);
11
- --active-file-border-color: var(--primary-color);
12
- --primary-btn-text-color: var(--primary-color);
13
- --item-hover-text-color: var(--primary-color);
14
- --meta-content-color: var(--primary-color);
15
- --search-select-text-color: var(--primary-color);
16
- --heading-char-color: var(--primary-color);
17
- --mermaid-theme: default;
18
- }
19
-
20
- #write {
21
- -webkit-text-size-adjust: 100%;
22
- color: #6b6884;
23
- max-width: 46rem;
24
- margin: 0 auto;
25
- padding: 1.6rem 0;
26
- font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Arial, Segoe UI, PingFang SC, Microsoft Yahei, Hiragino Sans GB, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
27
- font-size: 16px;
28
- line-height: 1.68;
29
- }
30
-
31
- #write * {
32
- box-sizing: border-box;
33
- }
34
-
35
- #write > :first-child, #write > :last-child {
36
- margin-top: 0 !important;
37
- }
38
-
39
- #write p, #write details, #write dl, #write ol, #write ul, #write xmp, #write plaintext, #write listing, #write blockquote, #write table, #write figure, #write hr {
40
- margin-top: 8px;
41
- margin-bottom: 8px;
42
- }
43
-
44
- #write h1 {
45
- margin: 26px 0 10px;
46
- font-size: 26px;
47
- font-weight: bold;
48
- }
49
-
50
- #write h2 {
51
- margin: 22px 0 8px;
52
- font-size: 22px;
53
- font-weight: bold;
54
- }
55
-
56
- #write h3 {
57
- margin: 20px 0 8px;
58
- font-size: 20px;
59
- font-weight: bold;
60
- }
61
-
62
- #write h4 {
63
- margin: 18px 0 8px;
64
- font-size: 18px;
65
- font-weight: bold;
66
- }
67
-
68
- #write h5, #write h6 {
69
- margin: 16px 0 8px;
70
- font-size: 16px;
71
- font-weight: bold;
72
- }
73
-
74
- #write p {
75
- margin-left: 0;
76
- margin-right: 0;
77
- }
78
-
79
- #write pre, #write xmp, #write plaintext, #write listing {
80
- font-family: var(--monospace);
81
- }
82
-
83
- #write blockquote > :first-child {
84
- margin-top: 0;
85
- }
86
-
87
- #write blockquote > :last-child {
88
- margin-bottom: 0;
89
- }
90
-
91
- #write hr {
92
- border-style: inset;
93
- border-width: 1px;
94
- }
95
-
96
- #write img {
97
- max-width: 100%;
98
- height: auto;
99
- }
100
-
101
- #write li {
102
- word-wrap: break-all;
103
- }
104
-
105
- #write li + li {
106
- margin-top: 4px;
107
- }
108
-
109
- #write ul ul, #write ol ul, #write ul ol, #write ol ol {
110
- margin-top: 0;
111
- margin-bottom: 0;
112
- }
113
-
114
- #write .task-list-item {
115
- list-style-type: none;
116
- }
117
-
118
- #write a {
119
- color: #e66700;
120
- text-decoration: underline;
121
- }
122
-
123
- #write a img {
124
- border: none;
125
- }
126
-
127
- #write b, #write strong {
128
- font-weight: bold;
129
- }
130
-
131
- #write i, #write cite, #write em, #write var, #write address, #write dfn {
132
- font-style: italic;
133
- }
134
-
135
- #write code, #write kbd, #write tt, #write samp {
136
- font-family: var(--monospace);
137
- }
138
-
139
- #write mark {
140
- color: #6b6884;
141
- background-color: #e6f9bd;
142
- padding: .2em 0;
143
- }
144
-
145
- #write table {
146
- color: #272d38;
147
- border-collapse: collapse;
148
- border-spacing: 2px;
149
- background-color: #fff;
150
- font-size: 1em;
151
- }
152
-
153
- #write th, #write td {
154
- border: 1px solid #bfc1c4;
155
- }
156
-
157
- #write th {
158
- padding: 8px;
159
- font-size: 1em;
160
- font-weight: 500;
161
- }
162
-
163
- #write td {
164
- padding: 8px;
165
- font-size: 1em;
166
- font-weight: normal;
167
- }
168
-
169
- #write pre.md-fences, #write pre.md-meta-block, #write .md-rawblock-control:not(.md-rawblock-tooltip) .md-rawblock-input {
170
- background-color: #fff;
171
- border: 1px solid #bfc1c4;
172
- border-radius: 3px;
173
- padding: 10px;
174
- }
175
-
176
- #write .CodeMirror div.CodeMirror-cursor {
177
- border-color: #6b6884;
178
- }
179
-
180
- #write .md-math-block, #write .md-rawblock {
181
- margin-top: 1em;
182
- margin-bottom: 1em;
183
- }
184
-
185
- #write .md-rawblock > .md-rawblock-tooltip {
186
- visibility: hidden;
187
- opacity: 0;
188
- background-color: #fff;
189
- transition: all .5s;
190
- display: block;
191
- }
192
-
193
- #write .md-rawblock:hover > .md-rawblock-tooltip {
194
- visibility: visible;
195
- opacity: 1;
196
- transition: all .5s;
197
- animation: none;
198
- }
199
-
200
- #write .md-rawblock-control:not(.md-rawblock-tooltip) {
201
- padding-left: 0;
202
- padding-right: 0;
203
- }
204
-
205
- #write h1, #write h2, #write h3, #write h4, #write h5, #write h6 {
206
- color: #4d5255;
207
- }
208
-
209
- #write del, #write s {
210
- color: #8d8f95;
211
- }
212
-
213
- #write u {
214
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, var(--primary-color) 50%);
215
- background-position: 0 1em;
216
- background-repeat: repeat-x;
217
- background-size: 2px 2px;
218
- text-decoration: none;
219
- }
220
-
221
- #write * {
222
- -webkit-font-smoothing: antialiased;
223
- text-rendering: optimizelegibility;
224
- }
225
-
226
- #write h1, #write h2, #write h3, #write h4, #write h5, #write h6 {
227
- margin-top: 1em;
228
- margin-bottom: .37em;
229
- font-weight: 500;
230
- line-height: 1.4;
231
- }
232
-
233
- #write blockquote {
234
- border-left: 2px solid var(--primary-color);
235
- margin-left: 0;
236
- padding-left: 14px;
237
- display: block;
238
- }
239
-
240
- #write code {
241
- word-spacing: normal;
242
- color: #272d38;
243
- background-color: #fff;
244
- border: 1px solid #bfc1c4;
245
- border-radius: 4px;
246
- margin-left: 2px;
247
- margin-right: 2px;
248
- padding: 0 2px;
249
- line-height: 1.6;
250
- }
251
-
252
- #write a {
253
- overflow-wrap: break-word;
254
- word-wrap: break-word;
255
- white-space: pre-wrap;
256
- -ms-hyphens: auto;
257
- hyphens: auto;
258
- word-break: break-word;
259
- text-decoration: none;
260
- }
261
-
262
- #write a:hover {
263
- text-decoration: underline;
264
- }
265
-
266
- #write hr {
267
- background-image: linear-gradient(90deg, #bfc1c4, #bfc1c4);
268
- background-repeat: no-repeat;
269
- background-origin: content-box;
270
- border: 0;
271
- height: 1px;
272
- margin: 13px 0 12px;
273
- }
274
-
275
- #write ul {
276
- margin-left: 0;
277
- padding-left: 22px;
278
- list-style: none;
279
- }
280
-
281
- #write ul > li:not([class*="task-list-item"]) {
282
- word-wrap: break-all;
283
- padding-left: 0;
284
- }
285
-
286
- #write ul > li:not([class*="task-list-item"]):before {
287
- content: "•";
288
- color: var(--primary-color);
289
- width: 0;
290
- margin-left: -20px;
291
- margin-right: 20px;
292
- font-family: PingFangSC-Regular, PingFang SC;
293
- font-size: .8em;
294
- display: inline-block;
295
- position: absolute;
296
- top: 2px;
297
- transform: scale(1.25);
298
- }
299
-
300
- #write ul > li:not([class*="task-list-item"]) li:not([class*="task-list-item"]):before {
301
- content: "◦";
302
- font-weight: 700;
303
- transform: scale(1);
304
- }
305
-
306
- #write ul > li:not([class*="task-list-item"]) li:not([class*="task-list-item"]) li:not([class*="task-list-item"]):before {
307
- content: "▪";
308
- font-weight: normal;
309
- transform: scale(1.25);
310
- }
311
-
312
- #write ol {
313
- counter-reset: ol_counter;
314
- margin-left: 0;
315
- padding-left: 22px;
316
- list-style: none;
317
- }
318
-
319
- #write ol > li:not([class*="task-list-item"]) {
320
- word-wrap: break-all;
321
- padding-left: 0;
322
- position: relative;
323
- }
324
-
325
- #write ol > li:not([class*="task-list-item"]):before {
326
- content: counter(ol_counter) ".";
327
- counter-increment: ol_counter;
328
- color: var(--primary-color);
329
- text-align: left;
330
- white-space: nowrap;
331
- border-radius: 2px;
332
- min-width: 18px;
333
- margin-left: -22px;
334
- margin-right: 4px;
335
- padding-left: 2px;
336
- padding-right: 2px;
337
- font-family: Helvetica Neue, Consolas;
338
- position: absolute;
339
- overflow: visible;
340
- transform: translateX(-2px);
341
- }
342
-
343
- #write li + li, #write ul ul, #write ol ul, #write ul ol, #write ol ol, #write li ul, #write li ol {
344
- margin-top: 4px;
345
- }
346
-
347
- #write .task-list-item {
348
- padding-left: .3rem;
349
- }
350
-
351
- #write .task-list-item > p {
352
- transition: color .3s, opacity .3s;
353
- }
354
-
355
- #write .task-list-item.task-list-done > p {
356
- color: #8d8f95;
357
- text-decoration: line-through;
358
- }
359
-
360
- #write .task-list-item.task-list-done > p > .md-emoji {
361
- opacity: .5;
362
- }
363
-
364
- #write .task-list-item.task-list-done > p > .md-link > a {
365
- opacity: .6;
366
- }
367
-
368
- #write .task-list-item > input {
369
- -webkit-appearance: initial;
370
- background-color: #fafafa;
371
- border: 1px solid #bfc1c4;
372
- border-radius: .25rem;
373
- width: 1.2rem;
374
- height: 1.2rem;
375
- margin-left: -1.5rem;
376
- transition: border-color .3s;
377
- display: block;
378
- position: absolute;
379
- }
380
-
381
- #write .task-list-item > input:focus {
382
- box-shadow: none;
383
- outline: none;
384
- }
385
-
386
- #write .task-list-item > input:hover {
387
- border-color: var(--primary-color);
388
- }
389
-
390
- #write .task-list-item > input[checked]:before {
391
- content: "";
392
- background: var(--primary-color);
393
- width: 2px;
394
- height: 60%;
395
- position: absolute;
396
- top: 20%;
397
- left: 50%;
398
- transform: rotate(40deg);
399
- }
400
-
401
- #write .task-list-item > input[checked]:after {
402
- content: "";
403
- background: var(--primary-color);
404
- width: 2px;
405
- height: 30%;
406
- position: absolute;
407
- top: 46%;
408
- left: 25%;
409
- transform: rotate(-40deg);
410
- }
411
-
412
- #write .cm-s-inner .cm-comment {
413
- color: #7f7e7d;
414
- }
415
-
416
- #write .cm-s-inner .cm-property, #write .cm-s-inner .cm-tag {
417
- color: #905;
418
- }
419
-
420
- #write .cm-s-inner .cm-bracket, #write .cm-s-inner .cm-punctuation {
421
- color: #999;
422
- }
423
-
424
- #write .cm-s-inner .cm-number {
425
- color: #0087b2;
426
- }
427
-
428
- #write .cm-s-inner .cm-qualifier, #write .cm-s-inner .cm-string, #write .cm-s-inner .cm-string-2, #write .cm-s-inner .cm-builtin, #write .cm-s-inner .cm-attribute {
429
- color: #357f1e;
430
- }
431
-
432
- #write .cm-s-inner .cm-operator {
433
- color: #920448;
434
- }
435
-
436
- #write .cm-s-inner .cm-atom, #write .cm-s-inner .cm-keyword {
437
- color: #2576b1;
438
- }
439
-
440
- #write .cm-s-inner .cm-def, #write .cm-s-inner .cm-variable, #write .cm-s-inner .cm-variable-2, #write .cm-s-inner .cm-variable-3 {
441
- color: #0e73a2;
442
- }
443
-
444
- #write .cm-s-inner .cm-type {
445
- color: #04202d;
446
- }