pxx-vue-quill 1.0.95 → 1.0.96

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,1153 +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
- }
821
- .quill-editor-container .hover-status,
822
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-label:hover,
823
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats button:hover {
824
- color: #333;
825
- border-radius: 6px;
826
- border-color: transparent;
827
- background-color: rgba(0,0,0,0.05);
828
- }
829
- .quill-editor-container .active-status,
830
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-active,
831
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker.ql-expanded .ql-picker-label {
832
- color: #333;
833
- border-radius: 6px;
834
- border-color: transparent;
835
- background-color: rgba(0,0,0,0.08);
836
- }
837
- .quill-editor-container.embedded .ql-toolbar.ql-snow {
838
- padding: 7px 15px;
839
- }
840
- .quill-editor-container.fixed-top {
841
- position: relative;
842
- }
843
- .quill-editor-container.fixed-top.no-collapse .ql-toolbar.ql-snow {
844
- min-height: 0;
845
- padding: 8px 15px;
846
- }
847
- .quill-editor-container.fixed-top .ql-toolbar.ql-snow {
848
- width: max-content;
849
- position: absolute;
850
- border: 0;
851
- z-index: 2;
852
- top: -44px;
853
- display: none;
854
- background-color: #f7f7f7;
855
- border-radius: 8px;
856
- box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
857
- }
858
- .quill-editor-container.fixed-top .ql-toolbar.ql-snow .short-tools {
859
- padding: 7px 15px;
860
- border-radius: 8px;
861
- border: 1px solid #eee;
862
- }
863
- .quill-editor-container.fixed-top .ql-toolbar.ql-snow .short-tools.collapse {
864
- border-radius: 8px 8px 0 0;
865
- }
866
- .quill-editor-container.fixed-top .ql-toolbar.ql-snow .more-tools {
867
- padding: 8px 15px;
868
- border-radius: 0 0 8px 8px;
869
- border: 1px solid #eee;
870
- border-top: 0;
871
- }
872
- .quill-editor-container.fixed-top .ql-toolbar.ql-snow .more-tools .more-tools-item {
873
- margin-bottom: 8px;
874
- }
875
- .quill-editor-container .ql-toolbar.ql-snow {
876
- border: 0;
877
- display: none;
878
- padding: 0;
879
- min-height: 40px;
880
- line-height: 1;
881
- border: 1px solid #eee;
882
- background-color: #f7f7f7;
883
- }
884
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats {
885
- margin-right: 0;
886
- }
887
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-undo.ql-disabled,
888
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-redo.ql-disabled {
889
- color: #d8d8d8 !important;
890
- cursor: not-allowed !important;
891
- opacity: 0.5 !important;
892
- pointer-events: none !important;
893
- }
894
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-active .ql-stroke {
895
- stroke: #333;
896
- }
897
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker {
898
- margin-left: 0;
899
- margin-right: 12px;
900
- width: 24px;
901
- }
902
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-label {
903
- padding: 1px;
904
- }
905
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-options {
906
- z-index: 3;
907
- }
908
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats button {
909
- width: 24px;
910
- margin-right: 12px;
911
- margin-left: 0;
912
- padding: 3px;
913
- }
914
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats button.ql-math,
915
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats button.ql-ocr {
916
- padding: 3px 4px;
917
- }
918
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .mr-0 {
919
- margin-right: 0;
920
- }
921
- .quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-more {
922
- cursor: pointer;
923
- border-radius: 6px;
924
- }
925
- .quill-editor-container .ql-toolbar.ql-snow + .ql-container.ql-container {
926
- border: 0;
927
- flex: 1;
928
- }
929
- .quill-editor-container .ql-container .ql-editor {
930
- padding: 12px 16px;
931
- line-height: 22px;
932
- word-break: break-all;
933
- }
934
- .quill-editor-container .ql-container .ql-editor ul,
935
- .quill-editor-container .ql-container .ql-editor ol {
936
- padding-left: 0;
937
- }
938
- .quill-editor-container .ql-container .ql-editor ul li::before,
939
- .quill-editor-container .ql-container .ql-editor ol li::before {
940
- width: 8px;
941
- text-align: left;
942
- }
943
- .quill-editor-container .ql-container .ql-editor ul li:not(.ql-direction-rtl),
944
- .quill-editor-container .ql-container .ql-editor ol li:not(.ql-direction-rtl) {
945
- padding-left: 18px;
946
- }
947
- .quill-editor-container .ql-container .ql-editor img {
948
- display: block;
949
- }
950
- .quill-editor-container .ql-container .ql-editor.ql-blank::before {
951
- color: #b6b6b6;
952
- font-style: normal;
953
- font-size: 14px;
954
- left: 15px;
955
- }
956
- .quill-editor-container .ql-container.ql-snow .ql-tooltip {
957
- height: 50px;
958
- line-height: 50px;
959
- z-index: 5;
960
- padding: 0 8px;
961
- background-color: #fff;
962
- border: 0;
963
- border-radius: 8px;
964
- left: 0 !important;
965
- }
966
- .quill-editor-container .ql-container.ql-snow .ql-tooltip::before {
967
- content: "";
968
- display: none;
969
- }
970
- .quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing {
971
- left: 0px !important;
972
- z-index: 2;
973
- border-radius: 8px;
974
- border: 1px solid #eee;
975
- box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
976
- }
977
- .quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-preview {
978
- display: none;
979
- }
980
- .quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-action {
981
- color: #4b5563;
982
- }
983
- .quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-action::after {
984
- content: "保存";
985
- width: 94px;
986
- height: 34px;
987
- background-color: #383b50;
988
- display: inline-flex;
989
- align-items: center;
990
- justify-content: center;
991
- margin-left: 8px;
992
- border-radius: 8px;
993
- color: #fff;
994
- }
995
- .quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input {
996
- height: 34px;
997
- width: 190px;
998
- border: 0;
999
- background-color: #f9f9f9;
1000
- border-radius: 8px;
1001
- padding-left: 8px;
1002
- display: inline-block;
1003
- }
1004
- .quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input::placeholder {
1005
- color: transparent;
1006
- }
1007
- .quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input:focus-visible {
1008
- outline: 0;
1009
- border-color: transparent;
1010
- }
1011
- .quill-editor-container .ql-container.ql-snow .ql-tooltip:not(.ql-editing) .ql-action::after {
1012
- width: 94px;
1013
- height: 34px;
1014
- background-color: #fff;
1015
- display: inline-flex;
1016
- align-items: center;
1017
- justify-content: center;
1018
- margin-left: 8px;
1019
- border-radius: 8px;
1020
- color: #333;
1021
- border: 1px solid #e6e6e9;
1022
- padding: 0;
1023
- }
1024
- .quill-editor-container .ql-container.ql-snow .ql-tooltip:not(.ql-editing) .ql-remove::before {
1025
- width: 94px;
1026
- height: 34px;
1027
- background-color: #383b50;
1028
- display: inline-flex;
1029
- align-items: center;
1030
- justify-content: center;
1031
- margin-left: 8px;
1032
- border-radius: 8px;
1033
- color: #fff;
1034
- border-right: 0;
1035
- padding: 0;
1036
- }
1037
- .quill-editor-container .ql-container.ql-snow .ql-tooltip .ql-preview {
1038
- height: 34px;
1039
- width: 190px;
1040
- border: 0;
1041
- background-color: #f9f9f9;
1042
- border-radius: 8px;
1043
- padding-left: 8px;
1044
- display: inline-block;
1045
- color: #333;
1046
- line-height: 34px;
1047
- margin: 8px 0;
1048
- }
1049
- .quill-editor-container .ql-container .blot-formatter__overlay .blot-formatter__toolbar {
1050
- display: none;
1051
- }
1052
- .ql-toolbar.ql-snow {
1053
- border: 1px solid #d1d5db;
1054
- box-sizing: border-box;
1055
- font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
1056
- padding: 8px;
1057
- }
1058
- .ql-toolbar.ql-snow .ql-formats {
1059
- margin-right: 10px;
1060
- }
1061
- .ql-toolbar.ql-snow .ql-picker-label {
1062
- border: 1px solid transparent;
1063
- }
1064
- .ql-toolbar.ql-snow .ql-picker-options {
1065
- border: 1px solid transparent;
1066
- box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
1067
- }
1068
- .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
1069
- border-color: #d1d5db;
1070
- }
1071
- .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
1072
- border-color: #d1d5db;
1073
- }
1074
- .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
1075
- .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
1076
- border-color: #000;
1077
- }
1078
- .ql-toolbar.ql-snow + .ql-container.ql-snow {
1079
- border-top: 0px;
1080
- }
1081
- .ql-snow .ql-tooltip {
1082
- background-color: #fff;
1083
- border: 1px solid #d1d5db;
1084
- box-shadow: 0px 0px 5px #d1d5db;
1085
- color: #4b5563;
1086
- padding: 5px 12px;
1087
- white-space: nowrap;
1088
- }
1089
- .ql-snow .ql-tooltip::before {
1090
- content: "访问链接:";
1091
- line-height: 26px;
1092
- margin-right: 8px;
1093
- }
1094
- .ql-snow .ql-tooltip input[type=text] {
1095
- display: none;
1096
- border: 1px solid #d1d5db;
1097
- font-size: 13px;
1098
- height: 26px;
1099
- margin: 0px;
1100
- padding: 3px 5px;
1101
- width: 170px;
1102
- }
1103
- .ql-snow .ql-tooltip input[type=text]::placeholder {
1104
- color: #999;
1105
- font-style: italic;
1106
- }
1107
- .ql-snow .ql-tooltip a.ql-preview {
1108
- display: inline-block;
1109
- max-width: 200px;
1110
- overflow-x: hidden;
1111
- text-overflow: ellipsis;
1112
- vertical-align: top;
1113
- }
1114
- .ql-snow .ql-tooltip a.ql-action::after {
1115
- border-right: 1px solid #d1d5db;
1116
- content: '编辑';
1117
- margin-left: 16px;
1118
- padding-right: 8px;
1119
- }
1120
- .ql-snow .ql-tooltip a.ql-remove::before {
1121
- content: '删除';
1122
- margin-left: 8px;
1123
- }
1124
- .ql-snow .ql-tooltip a {
1125
- line-height: 26px;
1126
- }
1127
- .ql-snow .ql-tooltip.ql-editing a.ql-preview,
1128
- .ql-snow .ql-tooltip.ql-editing a.ql-remove {
1129
- display: none;
1130
- }
1131
- .ql-snow .ql-tooltip.ql-editing input[type=text] {
1132
- display: inline-block;
1133
- }
1134
- .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
1135
- border-right: 0px;
1136
- content: '保存';
1137
- padding-right: 0px;
1138
- }
1139
- .ql-snow .ql-tooltip[data-mode=link]::before {
1140
- content: "输入链接:";
1141
- }
1142
- .ql-snow .ql-tooltip[data-mode=formula]::before {
1143
- content: "输入公式:";
1144
- }
1145
- .ql-snow .ql-tooltip[data-mode=video]::before {
1146
- content: "输入视频:";
1147
- }
1148
- .ql-snow a {
1149
- color: #2563eb;
1150
- }
1151
- .ql-container.ql-snow {
1152
- border: 1px solid #d1d5db;
1153
- }