pxx-vue-quill 1.0.173 → 1.0.174

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.
@@ -1,1107 +0,0 @@
1
- .ql-container {
2
- box-sizing: border-box;
3
- font-family: Helvetica, Arial, sans-serif;
4
- font-size: 13px;
5
- height: 100%;
6
- margin: 0px;
7
- position: relative;
8
- }
9
- .ql-container.ql-disabled .ql-tooltip {
10
- visibility: hidden;
11
- }
12
- .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
13
- pointer-events: none;
14
- }
15
- .ql-clipboard {
16
- left: -100000px;
17
- height: 1px;
18
- overflow-y: hidden;
19
- position: absolute;
20
- top: 50%;
21
- }
22
- .ql-clipboard p {
23
- margin: 0;
24
- padding: 0;
25
- }
26
- .ql-editor {
27
- box-sizing: border-box;
28
- line-height: 1.42;
29
- height: 100%;
30
- outline: none;
31
- overflow-y: auto;
32
- padding: 12px 15px;
33
- tab-size: 4;
34
- -moz-tab-size: 4;
35
- text-align: left;
36
- white-space: pre-wrap;
37
- word-wrap: break-word;
38
- }
39
- .ql-editor > * {
40
- cursor: text;
41
- }
42
- .ql-editor p,
43
- .ql-editor ol,
44
- .ql-editor ul,
45
- .ql-editor pre,
46
- .ql-editor blockquote,
47
- .ql-editor h1,
48
- .ql-editor h2,
49
- .ql-editor h3,
50
- .ql-editor h4,
51
- .ql-editor h5,
52
- .ql-editor h6 {
53
- margin: 0;
54
- padding: 0;
55
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
56
- }
57
- .ql-editor ol,
58
- .ql-editor ul {
59
- padding-left: 1.5em;
60
- }
61
- .ql-editor ol > li,
62
- .ql-editor ul > li {
63
- list-style-type: none;
64
- }
65
- .ql-editor ul > li::before {
66
- content: '\2022';
67
- }
68
- .ql-editor ul[data-checked=true],
69
- .ql-editor ul[data-checked=false] {
70
- pointer-events: none;
71
- }
72
- .ql-editor ul[data-checked=true] > li *,
73
- .ql-editor ul[data-checked=false] > li * {
74
- pointer-events: all;
75
- }
76
- .ql-editor ul[data-checked=true] > li::before,
77
- .ql-editor ul[data-checked=false] > li::before {
78
- color: #777;
79
- cursor: pointer;
80
- pointer-events: all;
81
- }
82
- .ql-editor ul[data-checked=true] > li::before {
83
- content: '\2611';
84
- }
85
- .ql-editor ul[data-checked=false] > li::before {
86
- content: '\2610';
87
- }
88
- .ql-editor li::before {
89
- display: inline-block;
90
- white-space: nowrap;
91
- width: 1.2em;
92
- }
93
- .ql-editor li:not(.ql-direction-rtl)::before {
94
- margin-left: -1.5em;
95
- margin-right: 0.3em;
96
- text-align: right;
97
- }
98
- .ql-editor li.ql-direction-rtl::before {
99
- margin-left: 0.3em;
100
- margin-right: -1.5em;
101
- }
102
- .ql-editor ol li:not(.ql-direction-rtl),
103
- .ql-editor ul li:not(.ql-direction-rtl) {
104
- padding-left: 1.5em;
105
- }
106
- .ql-editor ol li.ql-direction-rtl,
107
- .ql-editor ul li.ql-direction-rtl {
108
- padding-right: 1.5em;
109
- }
110
- .ql-editor ol li {
111
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
112
- counter-increment: list-0;
113
- }
114
- .ql-editor ol li:before {
115
- content: counter(list-0, decimal) '. ';
116
- }
117
- .ql-editor ol li.ql-indent-1 {
118
- counter-increment: list-1;
119
- }
120
- .ql-editor ol li.ql-indent-1:before {
121
- content: counter(list-1, lower-alpha) '. ';
122
- }
123
- .ql-editor ol li.ql-indent-1 {
124
- counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
125
- }
126
- .ql-editor ol li.ql-indent-2 {
127
- counter-increment: list-2;
128
- }
129
- .ql-editor ol li.ql-indent-2:before {
130
- content: counter(list-2, lower-roman) '. ';
131
- }
132
- .ql-editor ol li.ql-indent-2 {
133
- counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
134
- }
135
- .ql-editor ol li.ql-indent-3 {
136
- counter-increment: list-3;
137
- }
138
- .ql-editor ol li.ql-indent-3:before {
139
- content: counter(list-3, decimal) '. ';
140
- }
141
- .ql-editor ol li.ql-indent-3 {
142
- counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
143
- }
144
- .ql-editor ol li.ql-indent-4 {
145
- counter-increment: list-4;
146
- }
147
- .ql-editor ol li.ql-indent-4:before {
148
- content: counter(list-4, lower-alpha) '. ';
149
- }
150
- .ql-editor ol li.ql-indent-4 {
151
- counter-reset: list-5 list-6 list-7 list-8 list-9;
152
- }
153
- .ql-editor ol li.ql-indent-5 {
154
- counter-increment: list-5;
155
- }
156
- .ql-editor ol li.ql-indent-5:before {
157
- content: counter(list-5, lower-roman) '. ';
158
- }
159
- .ql-editor ol li.ql-indent-5 {
160
- counter-reset: list-6 list-7 list-8 list-9;
161
- }
162
- .ql-editor ol li.ql-indent-6 {
163
- counter-increment: list-6;
164
- }
165
- .ql-editor ol li.ql-indent-6:before {
166
- content: counter(list-6, decimal) '. ';
167
- }
168
- .ql-editor ol li.ql-indent-6 {
169
- counter-reset: list-7 list-8 list-9;
170
- }
171
- .ql-editor ol li.ql-indent-7 {
172
- counter-increment: list-7;
173
- }
174
- .ql-editor ol li.ql-indent-7:before {
175
- content: counter(list-7, lower-alpha) '. ';
176
- }
177
- .ql-editor ol li.ql-indent-7 {
178
- counter-reset: list-8 list-9;
179
- }
180
- .ql-editor ol li.ql-indent-8 {
181
- counter-increment: list-8;
182
- }
183
- .ql-editor ol li.ql-indent-8:before {
184
- content: counter(list-8, lower-roman) '. ';
185
- }
186
- .ql-editor ol li.ql-indent-8 {
187
- counter-reset: list-9;
188
- }
189
- .ql-editor ol li.ql-indent-9 {
190
- counter-increment: list-9;
191
- }
192
- .ql-editor ol li.ql-indent-9:before {
193
- content: counter(list-9, decimal) '. ';
194
- }
195
- .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
196
- padding-left: 3em;
197
- }
198
- .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
199
- padding-left: 4.5em;
200
- }
201
- .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
202
- padding-right: 3em;
203
- }
204
- .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
205
- padding-right: 4.5em;
206
- }
207
- .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
208
- padding-left: 6em;
209
- }
210
- .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
211
- padding-left: 7.5em;
212
- }
213
- .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
214
- padding-right: 6em;
215
- }
216
- .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
217
- padding-right: 7.5em;
218
- }
219
- .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
220
- padding-left: 9em;
221
- }
222
- .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
223
- padding-left: 10.5em;
224
- }
225
- .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
226
- padding-right: 9em;
227
- }
228
- .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
229
- padding-right: 10.5em;
230
- }
231
- .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
232
- padding-left: 12em;
233
- }
234
- .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
235
- padding-left: 13.5em;
236
- }
237
- .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
238
- padding-right: 12em;
239
- }
240
- .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
241
- padding-right: 13.5em;
242
- }
243
- .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
244
- padding-left: 15em;
245
- }
246
- .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
247
- padding-left: 16.5em;
248
- }
249
- .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
250
- padding-right: 15em;
251
- }
252
- .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
253
- padding-right: 16.5em;
254
- }
255
- .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
256
- padding-left: 18em;
257
- }
258
- .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
259
- padding-left: 19.5em;
260
- }
261
- .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
262
- padding-right: 18em;
263
- }
264
- .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
265
- padding-right: 19.5em;
266
- }
267
- .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
268
- padding-left: 21em;
269
- }
270
- .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
271
- padding-left: 22.5em;
272
- }
273
- .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
274
- padding-right: 21em;
275
- }
276
- .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
277
- padding-right: 22.5em;
278
- }
279
- .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
280
- padding-left: 24em;
281
- }
282
- .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
283
- padding-left: 25.5em;
284
- }
285
- .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
286
- padding-right: 24em;
287
- }
288
- .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
289
- padding-right: 25.5em;
290
- }
291
- .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
292
- padding-left: 27em;
293
- }
294
- .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
295
- padding-left: 28.5em;
296
- }
297
- .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
298
- padding-right: 27em;
299
- }
300
- .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
301
- padding-right: 28.5em;
302
- }
303
- .ql-editor .ql-video {
304
- display: block;
305
- max-width: 100%;
306
- }
307
- .ql-editor .ql-video.ql-align-center {
308
- margin: 0 auto;
309
- }
310
- .ql-editor .ql-video.ql-align-right {
311
- margin: 0 0 0 auto;
312
- }
313
- .ql-editor .ql-bg-black {
314
- background-color: #000;
315
- }
316
- .ql-editor .ql-bg-red {
317
- background-color: #e60000;
318
- }
319
- .ql-editor .ql-bg-orange {
320
- background-color: #f90;
321
- }
322
- .ql-editor .ql-bg-yellow {
323
- background-color: #ff0;
324
- }
325
- .ql-editor .ql-bg-green {
326
- background-color: #008a00;
327
- }
328
- .ql-editor .ql-bg-blue {
329
- background-color: #06c;
330
- }
331
- .ql-editor .ql-bg-purple {
332
- background-color: #93f;
333
- }
334
- .ql-editor .ql-color-white {
335
- color: #fff;
336
- }
337
- .ql-editor .ql-color-red {
338
- color: #e60000;
339
- }
340
- .ql-editor .ql-color-orange {
341
- color: #f90;
342
- }
343
- .ql-editor .ql-color-yellow {
344
- color: #ff0;
345
- }
346
- .ql-editor .ql-color-green {
347
- color: #008a00;
348
- }
349
- .ql-editor .ql-color-blue {
350
- color: #06c;
351
- }
352
- .ql-editor .ql-color-purple {
353
- color: #93f;
354
- }
355
- .ql-editor .ql-font-serif {
356
- font-family: Georgia, Times New Roman, serif;
357
- }
358
- .ql-editor .ql-font-monospace {
359
- font-family: Monaco, Courier New, monospace;
360
- }
361
- .ql-editor .ql-size-small {
362
- font-size: 0.75em;
363
- }
364
- .ql-editor .ql-size-large {
365
- font-size: 1.5em;
366
- }
367
- .ql-editor .ql-size-huge {
368
- font-size: 2.5em;
369
- }
370
- .ql-editor .ql-direction-rtl {
371
- direction: rtl;
372
- text-align: inherit;
373
- }
374
- .ql-editor .ql-align-center {
375
- text-align: center;
376
- }
377
- .ql-editor .ql-align-justify {
378
- text-align: justify;
379
- }
380
- .ql-editor .ql-align-right {
381
- text-align: right;
382
- }
383
- .ql-editor.ql-blank::before {
384
- color: rgba(0,0,0,0.6);
385
- content: attr(data-placeholder);
386
- font-style: italic;
387
- left: 15px;
388
- pointer-events: none;
389
- position: absolute;
390
- right: 15px;
391
- }
392
- .ql-snow.ql-toolbar:after,
393
- .ql-snow .ql-toolbar:after {
394
- clear: both;
395
- content: '';
396
- display: table;
397
- }
398
- .ql-snow.ql-toolbar button,
399
- .ql-snow .ql-toolbar button {
400
- background: none;
401
- border: none;
402
- cursor: pointer;
403
- display: inline-block;
404
- float: left;
405
- height: 24px;
406
- padding: 3px 5px;
407
- width: 28px;
408
- margin-left: 1px;
409
- margin-right: 1px;
410
- }
411
- .ql-snow.ql-toolbar button svg,
412
- .ql-snow .ql-toolbar button svg {
413
- float: left;
414
- height: 100%;
415
- }
416
- .ql-snow.ql-toolbar button:active:hover,
417
- .ql-snow .ql-toolbar button:active:hover {
418
- outline: none;
419
- }
420
- .ql-snow.ql-toolbar input.ql-image[type=file],
421
- .ql-snow .ql-toolbar input.ql-image[type=file] {
422
- display: none;
423
- }
424
- .ql-snow.ql-toolbar button:hover,
425
- .ql-snow .ql-toolbar button:hover,
426
- .ql-snow.ql-toolbar button:focus,
427
- .ql-snow .ql-toolbar button:focus,
428
- .ql-snow.ql-toolbar .ql-picker-label:hover,
429
- .ql-snow .ql-toolbar .ql-picker-label:hover,
430
- .ql-snow.ql-toolbar .ql-picker-item:hover,
431
- .ql-snow .ql-toolbar .ql-picker-item:hover {
432
- background-color: #f3f4f6;
433
- }
434
- .ql-snow.ql-toolbar button.ql-active,
435
- .ql-snow .ql-toolbar button.ql-active,
436
- .ql-snow.ql-toolbar .ql-picker-label.ql-active,
437
- .ql-snow .ql-toolbar .ql-picker-label.ql-active,
438
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
439
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
440
- background-color: #dbeafe;
441
- color: #2563eb;
442
- }
443
- .ql-snow.ql-toolbar button.ql-active .ql-fill,
444
- .ql-snow .ql-toolbar button.ql-active .ql-fill,
445
- .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
446
- .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
447
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
448
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
449
- .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
450
- .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
451
- .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
452
- .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
453
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
454
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
455
- fill: #2563eb;
456
- }
457
- .ql-snow.ql-toolbar button.ql-active .ql-stroke,
458
- .ql-snow .ql-toolbar button.ql-active .ql-stroke,
459
- .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
460
- .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
461
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
462
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
463
- .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
464
- .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
465
- .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
466
- .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
467
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
468
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
469
- stroke: #2563eb;
470
- }
471
- @media (pointer: coarse) {
472
- .ql-snow.ql-toolbar button:hover:not(.ql-active),
473
- .ql-snow .ql-toolbar button:hover:not(.ql-active) {
474
- color: #4b5563;
475
- }
476
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
477
- .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
478
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
479
- .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
480
- fill: #4b5563;
481
- }
482
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
483
- .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
484
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
485
- .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
486
- stroke: #4b5563;
487
- }
488
- }
489
- .ql-snow {
490
- box-sizing: border-box;
491
- }
492
- .ql-snow * {
493
- box-sizing: border-box;
494
- }
495
- .ql-snow .ql-hidden {
496
- display: none;
497
- }
498
- .ql-snow .ql-out-bottom,
499
- .ql-snow .ql-out-top {
500
- visibility: hidden;
501
- }
502
- .ql-snow .ql-tooltip {
503
- position: absolute;
504
- transform: translateY(10px);
505
- }
506
- .ql-snow .ql-tooltip a {
507
- cursor: pointer;
508
- text-decoration: none;
509
- }
510
- .ql-snow .ql-tooltip.ql-flip {
511
- transform: translateY(-10px);
512
- }
513
- .ql-snow .ql-formats {
514
- display: inline-block;
515
- vertical-align: middle;
516
- }
517
- .ql-snow .ql-formats:after {
518
- clear: both;
519
- content: '';
520
- display: table;
521
- }
522
- .ql-snow .ql-stroke {
523
- fill: none;
524
- stroke: #4b5563;
525
- stroke-linecap: round;
526
- stroke-linejoin: round;
527
- stroke-width: 2;
528
- }
529
- .ql-snow .ql-stroke-miter {
530
- fill: none;
531
- stroke: #4b5563;
532
- stroke-miterlimit: 10;
533
- stroke-width: 2;
534
- }
535
- .ql-snow .ql-fill,
536
- .ql-snow .ql-stroke.ql-fill {
537
- fill: #4b5563;
538
- }
539
- .ql-snow .ql-empty {
540
- fill: none;
541
- }
542
- .ql-snow .ql-even {
543
- fill-rule: evenodd;
544
- }
545
- .ql-snow .ql-thin,
546
- .ql-snow .ql-stroke.ql-thin {
547
- stroke-width: 1;
548
- }
549
- .ql-snow .ql-transparent {
550
- opacity: 0.4;
551
- }
552
- .ql-snow .ql-direction svg:last-child {
553
- display: none;
554
- }
555
- .ql-snow .ql-direction.ql-active svg:last-child {
556
- display: inline;
557
- }
558
- .ql-snow .ql-direction.ql-active svg:first-child {
559
- display: none;
560
- }
561
- .ql-snow .ql-editor h1 {
562
- font-size: 2em;
563
- }
564
- .ql-snow .ql-editor h2 {
565
- font-size: 1.5em;
566
- }
567
- .ql-snow .ql-editor h3 {
568
- font-size: 1.17em;
569
- }
570
- .ql-snow .ql-editor h4 {
571
- font-size: 1em;
572
- }
573
- .ql-snow .ql-editor h5 {
574
- font-size: 0.83em;
575
- }
576
- .ql-snow .ql-editor h6 {
577
- font-size: 0.67em;
578
- }
579
- .ql-snow .ql-editor a {
580
- text-decoration: underline;
581
- }
582
- .ql-snow .ql-editor blockquote {
583
- border-left: 4px solid #ccc;
584
- margin-bottom: 5px;
585
- margin-top: 5px;
586
- padding-left: 16px;
587
- }
588
- .ql-snow .ql-editor code,
589
- .ql-snow .ql-editor pre {
590
- background-color: #f0f0f0;
591
- border-radius: 3px;
592
- }
593
- .ql-snow .ql-editor pre {
594
- white-space: pre-wrap;
595
- margin-bottom: 5px;
596
- margin-top: 5px;
597
- padding: 5px 10px;
598
- }
599
- .ql-snow .ql-editor code {
600
- font-size: 85%;
601
- padding: 2px 4px;
602
- }
603
- .ql-snow .ql-editor pre.ql-syntax {
604
- background-color: #23241f;
605
- color: #f8f8f2;
606
- overflow: visible;
607
- }
608
- .ql-snow .ql-editor img {
609
- max-width: 100%;
610
- }
611
- .ql-snow .ql-picker {
612
- color: #4b5563;
613
- display: inline-block;
614
- float: left;
615
- font-size: 14px;
616
- font-weight: 500;
617
- height: 24px;
618
- position: relative;
619
- vertical-align: middle;
620
- margin-right: 1px;
621
- margin-left: 1px;
622
- }
623
- .ql-snow .ql-picker-label {
624
- cursor: pointer;
625
- display: flex;
626
- height: 100%;
627
- padding-left: 8px;
628
- padding-right: 2px;
629
- position: relative;
630
- width: 100%;
631
- }
632
- .ql-snow .ql-picker-label::before {
633
- display: inline-block;
634
- line-height: 22px;
635
- }
636
- .ql-snow .ql-picker-options {
637
- background-color: #fff;
638
- display: none;
639
- min-width: 100%;
640
- position: absolute;
641
- white-space: nowrap;
642
- }
643
- .ql-snow .ql-picker-options .ql-picker-item {
644
- cursor: pointer;
645
- display: block;
646
- padding: 5px 8px;
647
- }
648
- .ql-snow .ql-picker.ql-expanded .ql-picker-label {
649
- color: #d1d5db;
650
- z-index: 2;
651
- }
652
- .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
653
- fill: #d1d5db;
654
- }
655
- .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
656
- stroke: #d1d5db;
657
- }
658
- .ql-snow .ql-picker.ql-expanded .ql-picker-options {
659
- display: block;
660
- margin-top: -1px;
661
- top: 100%;
662
- z-index: 1;
663
- }
664
- .ql-snow .ql-color-picker,
665
- .ql-snow .ql-icon-picker {
666
- width: 28px;
667
- }
668
- .ql-snow .ql-color-picker .ql-picker-label,
669
- .ql-snow .ql-icon-picker .ql-picker-label {
670
- padding: 2px 4px;
671
- }
672
- .ql-snow .ql-color-picker .ql-picker-label svg,
673
- .ql-snow .ql-icon-picker .ql-picker-label svg {
674
- right: 4px;
675
- }
676
- .ql-snow .ql-icon-picker .ql-picker-options {
677
- padding: 3px;
678
- }
679
- .ql-snow .ql-icon-picker .ql-picker-item {
680
- height: 24px;
681
- width: 24px;
682
- padding: 2px 4px;
683
- margin: 2px;
684
- }
685
- .ql-snow .ql-color-picker .ql-picker-options {
686
- padding: 3px 5px;
687
- width: 152px;
688
- }
689
- .ql-snow .ql-color-picker .ql-picker-item {
690
- border: 1px solid transparent;
691
- float: left;
692
- height: 16px;
693
- margin: 2px;
694
- padding: 0px;
695
- width: 16px;
696
- }
697
- .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
698
- position: absolute;
699
- margin-top: -9px;
700
- right: 0;
701
- top: 50%;
702
- width: 18px;
703
- }
704
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
705
- .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
706
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
707
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
708
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
709
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
710
- content: attr(data-label);
711
- }
712
- .ql-snow .ql-picker.ql-header {
713
- width: 98px;
714
- }
715
- .ql-snow .ql-picker.ql-header .ql-picker-label::before,
716
- .ql-snow .ql-picker.ql-header .ql-picker-item::before {
717
- content: 'Normal';
718
- }
719
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
720
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
721
- content: 'Heading 1';
722
- }
723
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
724
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
725
- content: 'Heading 2';
726
- }
727
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
728
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
729
- content: 'Heading 3';
730
- }
731
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
732
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
733
- content: 'Heading 4';
734
- }
735
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
736
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
737
- content: 'Heading 5';
738
- }
739
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
740
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
741
- content: 'Heading 6';
742
- }
743
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
744
- font-size: 2em;
745
- }
746
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
747
- font-size: 1.5em;
748
- }
749
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
750
- font-size: 1.17em;
751
- }
752
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
753
- font-size: 1em;
754
- }
755
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
756
- font-size: 0.83em;
757
- }
758
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
759
- font-size: 0.67em;
760
- }
761
- .ql-snow .ql-picker.ql-font {
762
- width: 108px;
763
- }
764
- .ql-snow .ql-picker.ql-font .ql-picker-label::before,
765
- .ql-snow .ql-picker.ql-font .ql-picker-item::before {
766
- content: 'Sans Serif';
767
- }
768
- .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
769
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
770
- content: 'Serif';
771
- }
772
- .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
773
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
774
- content: 'Monospace';
775
- }
776
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
777
- font-family: Georgia, Times New Roman, serif;
778
- }
779
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
780
- font-family: Monaco, Courier New, monospace;
781
- }
782
- .ql-snow .ql-picker.ql-size {
783
- width: 98px;
784
- }
785
- .ql-snow .ql-picker.ql-size .ql-picker-label::before,
786
- .ql-snow .ql-picker.ql-size .ql-picker-item::before {
787
- content: 'Normal';
788
- }
789
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
790
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
791
- content: 'Small';
792
- }
793
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
794
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
795
- content: 'Large';
796
- }
797
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
798
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
799
- content: 'Huge';
800
- }
801
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
802
- font-size: 10px;
803
- }
804
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
805
- font-size: 18px;
806
- }
807
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
808
- font-size: 32px;
809
- }
810
- .ql-snow .ql-color-picker.ql-background .ql-picker-item {
811
- background-color: #fff;
812
- }
813
- .ql-snow .ql-color-picker.ql-color .ql-picker-item {
814
- background-color: #000;
815
- }
816
- .quill-editor-container {
817
- width: 100%;
818
- display: flex;
819
- flex-direction: column;
820
- position: relative;
821
- }
822
- .quill-editor-container .hover-status,
823
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-label:hover,
824
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats button:hover {
825
- color: #333;
826
- border-radius: 6px;
827
- border-color: transparent;
828
- background-color: rgba(0,0,0,0.05);
829
- }
830
- .quill-editor-container .active-status,
831
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-active,
832
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker.ql-expanded .ql-picker-label {
833
- color: #333;
834
- border-radius: 6px;
835
- border-color: transparent;
836
- background-color: rgba(0,0,0,0.08);
837
- }
838
- .quill-editor-container.embedded .ql-toolbar.ql-snow {
839
- padding: 7px 15px;
840
- }
841
- .quill-editor-container.fixed-top {
842
- position: relative;
843
- }
844
- .quill-editor-container.fixed-top.no-collapse .ql-toolbar.ql-snow {
845
- min-height: 0;
846
- padding: 8px 15px;
847
- }
848
- .quill-editor-container.fixed-top .ql-toolbar.ql-snow {
849
- width: max-content;
850
- position: absolute;
851
- border: 0;
852
- z-index: 2;
853
- top: -44px;
854
- display: none;
855
- background-color: #f7f7f7;
856
- border-radius: 8px;
857
- box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
858
- }
859
- .quill-editor-container.fixed-top .ql-toolbar.ql-snow .short-tools {
860
- padding: 7px 15px;
861
- border-radius: 8px;
862
- border: 1px solid #eee;
863
- }
864
- .quill-editor-container.fixed-top .ql-toolbar.ql-snow .short-tools.collapse {
865
- border-radius: 8px 8px 0 0;
866
- }
867
- .quill-editor-container.fixed-top .ql-toolbar.ql-snow .more-tools {
868
- padding: 8px 15px;
869
- border-radius: 0 0 8px 8px;
870
- border: 1px solid #eee;
871
- border-top: 0;
872
- }
873
- .quill-editor-container.fixed-top .ql-toolbar.ql-snow .more-tools .more-tools-item {
874
- margin-bottom: 8px;
875
- }
876
- .quill-editor-container .ql-toolbar.ql-snow {
877
- border: 0;
878
- display: none;
879
- padding: 0;
880
- min-height: 40px;
881
- line-height: 1;
882
- border: 1px solid #eee;
883
- background-color: #f7f7f7;
884
- }
885
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats {
886
- margin-right: 0;
887
- }
888
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-undo.ql-disabled,
889
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-redo.ql-disabled,
890
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-customLink.ql-disabled {
891
- color: #d8d8d8 !important;
892
- cursor: not-allowed !important;
893
- opacity: 0.5 !important;
894
- pointer-events: none !important;
895
- }
896
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-active .ql-stroke {
897
- stroke: #333;
898
- }
899
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker {
900
- margin-left: 0;
901
- margin-right: 12px;
902
- width: 24px;
903
- }
904
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-label {
905
- padding: 1px;
906
- }
907
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-options {
908
- z-index: 3;
909
- }
910
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats button {
911
- width: 24px;
912
- margin-right: 12px;
913
- margin-left: 0;
914
- padding: 3px;
915
- }
916
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats button.ql-math,
917
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats button.ql-ocr {
918
- padding: 3px 4px;
919
- }
920
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .mr-0 {
921
- margin-right: 0;
922
- }
923
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-more {
924
- cursor: pointer;
925
- border-radius: 6px;
926
- }
927
- .quill-editor-container .ql-toolbar.ql-snow + .ql-container.ql-container {
928
- border: 0;
929
- flex: 1;
930
- }
931
- .quill-editor-container .ql-custom-link {
932
- position: absolute;
933
- z-index: 5;
934
- height: 50px;
935
- border: 1px solid #eee;
936
- background-color: #fff;
937
- border-radius: 8px;
938
- display: flex;
939
- align-items: center;
940
- box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
941
- padding: 0 8px;
942
- }
943
- .quill-editor-container .ql-custom-link .custom-link-input {
944
- height: 34px;
945
- width: 190px;
946
- border: 0;
947
- background-color: #f9f9f9;
948
- border-radius: 8px;
949
- padding: 0 8px;
950
- display: inline-block;
951
- box-sizing: border-box;
952
- }
953
- .quill-editor-container .ql-custom-link .custom-link-input::placeholder {
954
- color: #b6b6b6;
955
- }
956
- .quill-editor-container .ql-custom-link .custom-link-input:focus-visible {
957
- outline: 0;
958
- border-color: transparent;
959
- }
960
- .quill-editor-container .ql-custom-link .custom-link-btn {
961
- width: 94px;
962
- height: 34px;
963
- background-color: #383b50;
964
- display: flex;
965
- align-items: center;
966
- justify-content: center;
967
- margin-left: 8px;
968
- border-radius: 8px;
969
- color: #fff;
970
- cursor: pointer;
971
- font-size: 14px;
972
- }
973
- .quill-editor-container .ql-container .ql-editor {
974
- padding: 12px 16px;
975
- line-height: 22px;
976
- word-break: break-all;
977
- }
978
- .quill-editor-container .ql-container .ql-editor ul,
979
- .quill-editor-container .ql-container .ql-editor ol {
980
- padding-left: 0;
981
- }
982
- .quill-editor-container .ql-container .ql-editor ul li::before,
983
- .quill-editor-container .ql-container .ql-editor ol li::before {
984
- width: 8px;
985
- text-align: left;
986
- }
987
- .quill-editor-container .ql-container .ql-editor ul li:not(.ql-direction-rtl),
988
- .quill-editor-container .ql-container .ql-editor ol li:not(.ql-direction-rtl) {
989
- padding-left: 18px;
990
- }
991
- .quill-editor-container .ql-container .ql-editor img {
992
- display: block;
993
- }
994
- .quill-editor-container .ql-container .ql-editor.ql-blank::before {
995
- color: #b6b6b6;
996
- font-style: normal;
997
- font-size: 14px;
998
- left: 15px;
999
- }
1000
- .quill-editor-container .ql-container.ql-snow .ql-tooltip {
1001
- display: none;
1002
- }
1003
- .quill-editor-container .ql-container .blot-formatter__overlay .blot-formatter__toolbar {
1004
- display: none;
1005
- }
1006
- .ql-toolbar.ql-snow {
1007
- border: 1px solid #d1d5db;
1008
- box-sizing: border-box;
1009
- font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
1010
- padding: 8px;
1011
- }
1012
- .ql-toolbar.ql-snow .ql-formats {
1013
- margin-right: 10px;
1014
- }
1015
- .ql-toolbar.ql-snow .ql-picker-label {
1016
- border: 1px solid transparent;
1017
- }
1018
- .ql-toolbar.ql-snow .ql-picker-options {
1019
- border: 1px solid transparent;
1020
- box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
1021
- }
1022
- .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
1023
- border-color: #d1d5db;
1024
- }
1025
- .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
1026
- border-color: #d1d5db;
1027
- }
1028
- .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
1029
- .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
1030
- border-color: #000;
1031
- }
1032
- .ql-toolbar.ql-snow + .ql-container.ql-snow {
1033
- border-top: 0px;
1034
- }
1035
- .ql-snow .ql-tooltip {
1036
- background-color: #fff;
1037
- border: 1px solid #d1d5db;
1038
- box-shadow: 0px 0px 5px #d1d5db;
1039
- color: #4b5563;
1040
- padding: 5px 12px;
1041
- white-space: nowrap;
1042
- }
1043
- .ql-snow .ql-tooltip::before {
1044
- content: "访问链接:";
1045
- line-height: 26px;
1046
- margin-right: 8px;
1047
- }
1048
- .ql-snow .ql-tooltip input[type=text] {
1049
- display: none;
1050
- border: 1px solid #d1d5db;
1051
- font-size: 13px;
1052
- height: 26px;
1053
- margin: 0px;
1054
- padding: 3px 5px;
1055
- width: 170px;
1056
- }
1057
- .ql-snow .ql-tooltip input[type=text]::placeholder {
1058
- color: #b6b6b6;
1059
- font-style: italic;
1060
- }
1061
- .ql-snow .ql-tooltip a.ql-preview {
1062
- display: inline-block;
1063
- max-width: 200px;
1064
- overflow-x: hidden;
1065
- text-overflow: ellipsis;
1066
- vertical-align: top;
1067
- }
1068
- .ql-snow .ql-tooltip a.ql-action::after {
1069
- border-right: 1px solid #d1d5db;
1070
- content: '编辑';
1071
- margin-left: 16px;
1072
- padding-right: 8px;
1073
- }
1074
- .ql-snow .ql-tooltip a.ql-remove::before {
1075
- content: '删除';
1076
- margin-left: 8px;
1077
- }
1078
- .ql-snow .ql-tooltip a {
1079
- line-height: 26px;
1080
- }
1081
- .ql-snow .ql-tooltip.ql-editing a.ql-preview,
1082
- .ql-snow .ql-tooltip.ql-editing a.ql-remove {
1083
- display: none;
1084
- }
1085
- .ql-snow .ql-tooltip.ql-editing input[type=text] {
1086
- display: inline-block;
1087
- }
1088
- .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
1089
- border-right: 0px;
1090
- content: '保存';
1091
- padding-right: 0px;
1092
- }
1093
- .ql-snow .ql-tooltip[data-mode=link]::before {
1094
- content: "输入链接:";
1095
- }
1096
- .ql-snow .ql-tooltip[data-mode=formula]::before {
1097
- content: "输入公式:";
1098
- }
1099
- .ql-snow .ql-tooltip[data-mode=video]::before {
1100
- content: "输入视频:";
1101
- }
1102
- .ql-snow a {
1103
- color: #2563eb;
1104
- }
1105
- .ql-container.ql-snow {
1106
- border: 1px solid #d1d5db;
1107
- }