@festo-ui/react-extra 9.0.0-dev.690 → 9.0.0-dev.692

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,1532 +0,0 @@
1
- @supports (counter-set: none) {
2
- .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
3
- counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
4
- }
5
- }
6
-
7
- @supports not (counter-set: none) {
8
- .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
9
- counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
10
- }
11
- }
12
-
13
- @supports (counter-set: none) {
14
- .ql-editor li[data-list] {
15
- counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
16
- }
17
- }
18
-
19
- @supports not (counter-set: none) {
20
- .ql-editor li[data-list] {
21
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
22
- }
23
- }
24
-
25
- @supports (counter-set: none) {
26
- .ql-editor li[data-list].ql-indent-1 {
27
- counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
28
- }
29
- }
30
-
31
- @supports not (counter-set: none) {
32
- .ql-editor li[data-list].ql-indent-1 {
33
- counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
34
- }
35
- }
36
-
37
- @supports (counter-set: none) {
38
- .ql-editor li[data-list].ql-indent-2 {
39
- counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
40
- }
41
- }
42
-
43
- @supports not (counter-set: none) {
44
- .ql-editor li[data-list].ql-indent-2 {
45
- counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
46
- }
47
- }
48
-
49
- @supports (counter-set: none) {
50
- .ql-editor li[data-list].ql-indent-3 {
51
- counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
52
- }
53
- }
54
-
55
- @supports not (counter-set: none) {
56
- .ql-editor li[data-list].ql-indent-3 {
57
- counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
58
- }
59
- }
60
-
61
- @supports (counter-set: none) {
62
- .ql-editor li[data-list].ql-indent-4 {
63
- counter-set: list-5 list-6 list-7 list-8 list-9;
64
- }
65
- }
66
-
67
- @supports not (counter-set: none) {
68
- .ql-editor li[data-list].ql-indent-4 {
69
- counter-reset: list-5 list-6 list-7 list-8 list-9;
70
- }
71
- }
72
-
73
- @supports (counter-set: none) {
74
- .ql-editor li[data-list].ql-indent-5 {
75
- counter-set: list-6 list-7 list-8 list-9;
76
- }
77
- }
78
-
79
- @supports not (counter-set: none) {
80
- .ql-editor li[data-list].ql-indent-5 {
81
- counter-reset: list-6 list-7 list-8 list-9;
82
- }
83
- }
84
-
85
- @supports (counter-set: none) {
86
- .ql-editor li[data-list].ql-indent-6 {
87
- counter-set: list-7 list-8 list-9;
88
- }
89
- }
90
-
91
- @supports not (counter-set: none) {
92
- .ql-editor li[data-list].ql-indent-6 {
93
- counter-reset: list-7 list-8 list-9;
94
- }
95
- }
96
-
97
- @supports (counter-set: none) {
98
- .ql-editor li[data-list].ql-indent-7 {
99
- counter-set: list-8 list-9;
100
- }
101
- }
102
-
103
- @supports not (counter-set: none) {
104
- .ql-editor li[data-list].ql-indent-7 {
105
- counter-reset: list-8 list-9;
106
- }
107
- }
108
-
109
- @supports (counter-set: none) {
110
- .ql-editor li[data-list].ql-indent-8 {
111
- counter-set: list-9;
112
- }
113
- }
114
-
115
- @supports not (counter-set: none) {
116
- .ql-editor li[data-list].ql-indent-8 {
117
- counter-reset: list-9;
118
- }
119
- }
120
-
121
- .ql-container {
122
- box-sizing: border-box;
123
- height: 100%;
124
- margin: 0;
125
- font-family: Helvetica, Arial, sans-serif;
126
- font-size: 13px;
127
- position: relative;
128
- }
129
-
130
- .ql-container.ql-disabled .ql-tooltip {
131
- visibility: hidden;
132
- }
133
-
134
- .ql-container:not(.ql-disabled) li[data-list="checked"] > .ql-ui, .ql-container:not(.ql-disabled) li[data-list="unchecked"] > .ql-ui {
135
- cursor: pointer;
136
- }
137
-
138
- .ql-clipboard {
139
- height: 1px;
140
- position: absolute;
141
- top: 50%;
142
- left: -100000px;
143
- overflow-y: hidden;
144
- }
145
-
146
- .ql-clipboard p {
147
- margin: 0;
148
- padding: 0;
149
- }
150
-
151
- .ql-editor {
152
- box-sizing: border-box;
153
- counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
154
- tab-size: 4;
155
- text-align: left;
156
- white-space: pre-wrap;
157
- word-wrap: break-word;
158
- outline: none;
159
- height: 100%;
160
- padding: 12px 15px;
161
- line-height: 1.42;
162
- overflow-y: auto;
163
- }
164
-
165
- .ql-editor > * {
166
- cursor: text;
167
- }
168
-
169
- .ql-editor p, .ql-editor ol, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
170
- margin: 0;
171
- padding: 0;
172
- }
173
-
174
- @supports (counter-set: none) {
175
- .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
176
- counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
177
- }
178
- }
179
-
180
- @supports not (counter-set: none) {
181
- .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
182
- counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
183
- }
184
- }
185
-
186
- .ql-editor table {
187
- border-collapse: collapse;
188
- }
189
-
190
- .ql-editor td {
191
- border: 1px solid #000;
192
- padding: 2px 5px;
193
- }
194
-
195
- .ql-editor ol {
196
- padding-left: 1.5em;
197
- }
198
-
199
- .ql-editor li {
200
- padding-left: 1.5em;
201
- list-style-type: none;
202
- position: relative;
203
- }
204
-
205
- .ql-editor li > .ql-ui:before {
206
- text-align: right;
207
- white-space: nowrap;
208
- width: 1.2em;
209
- margin-left: -1.5em;
210
- margin-right: .3em;
211
- display: inline-block;
212
- }
213
-
214
- .ql-editor li[data-list="checked"] > .ql-ui, .ql-editor li[data-list="unchecked"] > .ql-ui {
215
- color: #777;
216
- }
217
-
218
- .ql-editor li[data-list="bullet"] > .ql-ui:before {
219
- content: "•";
220
- }
221
-
222
- .ql-editor li[data-list="checked"] > .ql-ui:before {
223
- content: "☑";
224
- }
225
-
226
- .ql-editor li[data-list="unchecked"] > .ql-ui:before {
227
- content: "☐";
228
- }
229
-
230
- @supports (counter-set: none) {
231
- .ql-editor li[data-list] {
232
- counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
233
- }
234
- }
235
-
236
- @supports not (counter-set: none) {
237
- .ql-editor li[data-list] {
238
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
239
- }
240
- }
241
-
242
- .ql-editor li[data-list="ordered"] {
243
- counter-increment: list-0;
244
- }
245
-
246
- .ql-editor li[data-list="ordered"] > .ql-ui:before {
247
- content: counter(list-0, decimal) ". ";
248
- }
249
-
250
- .ql-editor li[data-list="ordered"].ql-indent-1 {
251
- counter-increment: list-1;
252
- }
253
-
254
- .ql-editor li[data-list="ordered"].ql-indent-1 > .ql-ui:before {
255
- content: counter(list-1, lower-alpha) ". ";
256
- }
257
-
258
- @supports (counter-set: none) {
259
- .ql-editor li[data-list].ql-indent-1 {
260
- counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
261
- }
262
- }
263
-
264
- @supports not (counter-set: none) {
265
- .ql-editor li[data-list].ql-indent-1 {
266
- counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
267
- }
268
- }
269
-
270
- .ql-editor li[data-list="ordered"].ql-indent-2 {
271
- counter-increment: list-2;
272
- }
273
-
274
- .ql-editor li[data-list="ordered"].ql-indent-2 > .ql-ui:before {
275
- content: counter(list-2, lower-roman) ". ";
276
- }
277
-
278
- @supports (counter-set: none) {
279
- .ql-editor li[data-list].ql-indent-2 {
280
- counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
281
- }
282
- }
283
-
284
- @supports not (counter-set: none) {
285
- .ql-editor li[data-list].ql-indent-2 {
286
- counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
287
- }
288
- }
289
-
290
- .ql-editor li[data-list="ordered"].ql-indent-3 {
291
- counter-increment: list-3;
292
- }
293
-
294
- .ql-editor li[data-list="ordered"].ql-indent-3 > .ql-ui:before {
295
- content: counter(list-3, decimal) ". ";
296
- }
297
-
298
- @supports (counter-set: none) {
299
- .ql-editor li[data-list].ql-indent-3 {
300
- counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
301
- }
302
- }
303
-
304
- @supports not (counter-set: none) {
305
- .ql-editor li[data-list].ql-indent-3 {
306
- counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
307
- }
308
- }
309
-
310
- .ql-editor li[data-list="ordered"].ql-indent-4 {
311
- counter-increment: list-4;
312
- }
313
-
314
- .ql-editor li[data-list="ordered"].ql-indent-4 > .ql-ui:before {
315
- content: counter(list-4, lower-alpha) ". ";
316
- }
317
-
318
- @supports (counter-set: none) {
319
- .ql-editor li[data-list].ql-indent-4 {
320
- counter-set: list-5 list-6 list-7 list-8 list-9;
321
- }
322
- }
323
-
324
- @supports not (counter-set: none) {
325
- .ql-editor li[data-list].ql-indent-4 {
326
- counter-reset: list-5 list-6 list-7 list-8 list-9;
327
- }
328
- }
329
-
330
- .ql-editor li[data-list="ordered"].ql-indent-5 {
331
- counter-increment: list-5;
332
- }
333
-
334
- .ql-editor li[data-list="ordered"].ql-indent-5 > .ql-ui:before {
335
- content: counter(list-5, lower-roman) ". ";
336
- }
337
-
338
- @supports (counter-set: none) {
339
- .ql-editor li[data-list].ql-indent-5 {
340
- counter-set: list-6 list-7 list-8 list-9;
341
- }
342
- }
343
-
344
- @supports not (counter-set: none) {
345
- .ql-editor li[data-list].ql-indent-5 {
346
- counter-reset: list-6 list-7 list-8 list-9;
347
- }
348
- }
349
-
350
- .ql-editor li[data-list="ordered"].ql-indent-6 {
351
- counter-increment: list-6;
352
- }
353
-
354
- .ql-editor li[data-list="ordered"].ql-indent-6 > .ql-ui:before {
355
- content: counter(list-6, decimal) ". ";
356
- }
357
-
358
- @supports (counter-set: none) {
359
- .ql-editor li[data-list].ql-indent-6 {
360
- counter-set: list-7 list-8 list-9;
361
- }
362
- }
363
-
364
- @supports not (counter-set: none) {
365
- .ql-editor li[data-list].ql-indent-6 {
366
- counter-reset: list-7 list-8 list-9;
367
- }
368
- }
369
-
370
- .ql-editor li[data-list="ordered"].ql-indent-7 {
371
- counter-increment: list-7;
372
- }
373
-
374
- .ql-editor li[data-list="ordered"].ql-indent-7 > .ql-ui:before {
375
- content: counter(list-7, lower-alpha) ". ";
376
- }
377
-
378
- @supports (counter-set: none) {
379
- .ql-editor li[data-list].ql-indent-7 {
380
- counter-set: list-8 list-9;
381
- }
382
- }
383
-
384
- @supports not (counter-set: none) {
385
- .ql-editor li[data-list].ql-indent-7 {
386
- counter-reset: list-8 list-9;
387
- }
388
- }
389
-
390
- .ql-editor li[data-list="ordered"].ql-indent-8 {
391
- counter-increment: list-8;
392
- }
393
-
394
- .ql-editor li[data-list="ordered"].ql-indent-8 > .ql-ui:before {
395
- content: counter(list-8, lower-roman) ". ";
396
- }
397
-
398
- @supports (counter-set: none) {
399
- .ql-editor li[data-list].ql-indent-8 {
400
- counter-set: list-9;
401
- }
402
- }
403
-
404
- @supports not (counter-set: none) {
405
- .ql-editor li[data-list].ql-indent-8 {
406
- counter-reset: list-9;
407
- }
408
- }
409
-
410
- .ql-editor li[data-list="ordered"].ql-indent-9 {
411
- counter-increment: list-9;
412
- }
413
-
414
- .ql-editor li[data-list="ordered"].ql-indent-9 > .ql-ui:before {
415
- content: counter(list-9, decimal) ". ";
416
- }
417
-
418
- .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
419
- padding-left: 3em;
420
- }
421
-
422
- .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
423
- padding-left: 4.5em;
424
- }
425
-
426
- .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
427
- padding-right: 3em;
428
- }
429
-
430
- .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
431
- padding-right: 4.5em;
432
- }
433
-
434
- .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
435
- padding-left: 6em;
436
- }
437
-
438
- .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
439
- padding-left: 7.5em;
440
- }
441
-
442
- .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
443
- padding-right: 6em;
444
- }
445
-
446
- .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
447
- padding-right: 7.5em;
448
- }
449
-
450
- .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
451
- padding-left: 9em;
452
- }
453
-
454
- .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
455
- padding-left: 10.5em;
456
- }
457
-
458
- .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
459
- padding-right: 9em;
460
- }
461
-
462
- .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
463
- padding-right: 10.5em;
464
- }
465
-
466
- .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
467
- padding-left: 12em;
468
- }
469
-
470
- .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
471
- padding-left: 13.5em;
472
- }
473
-
474
- .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
475
- padding-right: 12em;
476
- }
477
-
478
- .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
479
- padding-right: 13.5em;
480
- }
481
-
482
- .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
483
- padding-left: 15em;
484
- }
485
-
486
- .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
487
- padding-left: 16.5em;
488
- }
489
-
490
- .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
491
- padding-right: 15em;
492
- }
493
-
494
- .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
495
- padding-right: 16.5em;
496
- }
497
-
498
- .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
499
- padding-left: 18em;
500
- }
501
-
502
- .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
503
- padding-left: 19.5em;
504
- }
505
-
506
- .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
507
- padding-right: 18em;
508
- }
509
-
510
- .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
511
- padding-right: 19.5em;
512
- }
513
-
514
- .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
515
- padding-left: 21em;
516
- }
517
-
518
- .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
519
- padding-left: 22.5em;
520
- }
521
-
522
- .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
523
- padding-right: 21em;
524
- }
525
-
526
- .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
527
- padding-right: 22.5em;
528
- }
529
-
530
- .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
531
- padding-left: 24em;
532
- }
533
-
534
- .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
535
- padding-left: 25.5em;
536
- }
537
-
538
- .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
539
- padding-right: 24em;
540
- }
541
-
542
- .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
543
- padding-right: 25.5em;
544
- }
545
-
546
- .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
547
- padding-left: 27em;
548
- }
549
-
550
- .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
551
- padding-left: 28.5em;
552
- }
553
-
554
- .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
555
- padding-right: 27em;
556
- }
557
-
558
- .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
559
- padding-right: 28.5em;
560
- }
561
-
562
- .ql-editor li.ql-direction-rtl {
563
- padding-right: 1.5em;
564
- }
565
-
566
- .ql-editor li.ql-direction-rtl > .ql-ui:before {
567
- text-align: left;
568
- margin-left: .3em;
569
- margin-right: -1.5em;
570
- }
571
-
572
- .ql-editor table {
573
- table-layout: fixed;
574
- width: 100%;
575
- }
576
-
577
- .ql-editor table td {
578
- outline: none;
579
- }
580
-
581
- .ql-editor .ql-code-block-container {
582
- font-family: monospace;
583
- }
584
-
585
- .ql-editor .ql-video {
586
- max-width: 100%;
587
- display: block;
588
- }
589
-
590
- .ql-editor .ql-video.ql-align-center {
591
- margin: 0 auto;
592
- }
593
-
594
- .ql-editor .ql-video.ql-align-right {
595
- margin: 0 0 0 auto;
596
- }
597
-
598
- .ql-editor .ql-bg-black {
599
- background-color: #000;
600
- }
601
-
602
- .ql-editor .ql-bg-red {
603
- background-color: #e60000;
604
- }
605
-
606
- .ql-editor .ql-bg-orange {
607
- background-color: #f90;
608
- }
609
-
610
- .ql-editor .ql-bg-yellow {
611
- background-color: #ff0;
612
- }
613
-
614
- .ql-editor .ql-bg-green {
615
- background-color: #008a00;
616
- }
617
-
618
- .ql-editor .ql-bg-blue {
619
- background-color: #06c;
620
- }
621
-
622
- .ql-editor .ql-bg-purple {
623
- background-color: #93f;
624
- }
625
-
626
- .ql-editor .ql-color-white {
627
- color: #fff;
628
- }
629
-
630
- .ql-editor .ql-color-red {
631
- color: #e60000;
632
- }
633
-
634
- .ql-editor .ql-color-orange {
635
- color: #f90;
636
- }
637
-
638
- .ql-editor .ql-color-yellow {
639
- color: #ff0;
640
- }
641
-
642
- .ql-editor .ql-color-green {
643
- color: #008a00;
644
- }
645
-
646
- .ql-editor .ql-color-blue {
647
- color: #06c;
648
- }
649
-
650
- .ql-editor .ql-color-purple {
651
- color: #93f;
652
- }
653
-
654
- .ql-editor .ql-font-serif {
655
- font-family: Georgia, Times New Roman, serif;
656
- }
657
-
658
- .ql-editor .ql-font-monospace {
659
- font-family: Monaco, Courier New, monospace;
660
- }
661
-
662
- .ql-editor .ql-size-small {
663
- font-size: .75em;
664
- }
665
-
666
- .ql-editor .ql-size-large {
667
- font-size: 1.5em;
668
- }
669
-
670
- .ql-editor .ql-size-huge {
671
- font-size: 2.5em;
672
- }
673
-
674
- .ql-editor .ql-direction-rtl {
675
- text-align: inherit;
676
- direction: rtl;
677
- }
678
-
679
- .ql-editor .ql-align-center {
680
- text-align: center;
681
- }
682
-
683
- .ql-editor .ql-align-justify {
684
- text-align: justify;
685
- }
686
-
687
- .ql-editor .ql-align-right {
688
- text-align: right;
689
- }
690
-
691
- .ql-editor .ql-ui {
692
- position: absolute;
693
- }
694
-
695
- .ql-editor.ql-blank:before {
696
- color: #0009;
697
- content: attr(data-placeholder);
698
- pointer-events: none;
699
- font-style: italic;
700
- position: absolute;
701
- left: 15px;
702
- right: 15px;
703
- }
704
-
705
- .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after {
706
- clear: both;
707
- content: "";
708
- display: table;
709
- }
710
-
711
- .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
712
- cursor: pointer;
713
- float: left;
714
- background: none;
715
- border: none;
716
- width: 28px;
717
- height: 24px;
718
- padding: 3px 5px;
719
- display: inline-block;
720
- }
721
-
722
- .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg {
723
- float: left;
724
- height: 100%;
725
- }
726
-
727
- .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover {
728
- outline: none;
729
- }
730
-
731
- .ql-snow.ql-toolbar input.ql-image[type="file"], .ql-snow .ql-toolbar input.ql-image[type="file"] {
732
- display: none;
733
- }
734
-
735
- .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
736
- color: #06c;
737
- }
738
-
739
- .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
740
- fill: #06c;
741
- }
742
-
743
- .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
744
- stroke: #06c;
745
- }
746
-
747
- @media (pointer: coarse) {
748
- .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) {
749
- color: #444;
750
- }
751
-
752
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
753
- fill: #444;
754
- }
755
-
756
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
757
- stroke: #444;
758
- }
759
- }
760
-
761
- .ql-snow, .ql-snow * {
762
- box-sizing: border-box;
763
- }
764
-
765
- .ql-snow .ql-hidden {
766
- display: none;
767
- }
768
-
769
- .ql-snow .ql-out-bottom, .ql-snow .ql-out-top {
770
- visibility: hidden;
771
- }
772
-
773
- .ql-snow .ql-tooltip {
774
- position: absolute;
775
- transform: translateY(10px);
776
- }
777
-
778
- .ql-snow .ql-tooltip a {
779
- cursor: pointer;
780
- text-decoration: none;
781
- }
782
-
783
- .ql-snow .ql-tooltip.ql-flip {
784
- transform: translateY(-10px);
785
- }
786
-
787
- .ql-snow .ql-formats {
788
- vertical-align: middle;
789
- display: inline-block;
790
- }
791
-
792
- .ql-snow .ql-formats:after {
793
- clear: both;
794
- content: "";
795
- display: table;
796
- }
797
-
798
- .ql-snow .ql-stroke {
799
- fill: none;
800
- stroke: #444;
801
- stroke-linecap: round;
802
- stroke-linejoin: round;
803
- stroke-width: 2px;
804
- }
805
-
806
- .ql-snow .ql-stroke-miter {
807
- fill: none;
808
- stroke: #444;
809
- stroke-miterlimit: 10;
810
- stroke-width: 2px;
811
- }
812
-
813
- .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
814
- fill: #444;
815
- }
816
-
817
- .ql-snow .ql-empty {
818
- fill: none;
819
- }
820
-
821
- .ql-snow .ql-even {
822
- fill-rule: evenodd;
823
- }
824
-
825
- .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin {
826
- stroke-width: 1px;
827
- }
828
-
829
- .ql-snow .ql-transparent {
830
- opacity: .4;
831
- }
832
-
833
- .ql-snow .ql-direction svg:last-child {
834
- display: none;
835
- }
836
-
837
- .ql-snow .ql-direction.ql-active svg:last-child {
838
- display: inline;
839
- }
840
-
841
- .ql-snow .ql-direction.ql-active svg:first-child {
842
- display: none;
843
- }
844
-
845
- .ql-snow .ql-editor h1 {
846
- font-size: 2em;
847
- }
848
-
849
- .ql-snow .ql-editor h2 {
850
- font-size: 1.5em;
851
- }
852
-
853
- .ql-snow .ql-editor h3 {
854
- font-size: 1.17em;
855
- }
856
-
857
- .ql-snow .ql-editor h4 {
858
- font-size: 1em;
859
- }
860
-
861
- .ql-snow .ql-editor h5 {
862
- font-size: .83em;
863
- }
864
-
865
- .ql-snow .ql-editor h6 {
866
- font-size: .67em;
867
- }
868
-
869
- .ql-snow .ql-editor a {
870
- text-decoration: underline;
871
- }
872
-
873
- .ql-snow .ql-editor blockquote {
874
- border-left: 4px solid #ccc;
875
- margin-top: 5px;
876
- margin-bottom: 5px;
877
- padding-left: 16px;
878
- }
879
-
880
- .ql-snow .ql-editor code, .ql-snow .ql-editor .ql-code-block-container {
881
- background-color: #f0f0f0;
882
- border-radius: 3px;
883
- }
884
-
885
- .ql-snow .ql-editor .ql-code-block-container {
886
- margin-top: 5px;
887
- margin-bottom: 5px;
888
- padding: 5px 10px;
889
- }
890
-
891
- .ql-snow .ql-editor code {
892
- padding: 2px 4px;
893
- font-size: 85%;
894
- }
895
-
896
- .ql-snow .ql-editor .ql-code-block-container {
897
- color: #f8f8f2;
898
- background-color: #23241f;
899
- overflow: visible;
900
- }
901
-
902
- .ql-snow .ql-editor img {
903
- max-width: 100%;
904
- }
905
-
906
- .ql-snow .ql-picker {
907
- color: #444;
908
- float: left;
909
- vertical-align: middle;
910
- height: 24px;
911
- font-size: 14px;
912
- font-weight: 500;
913
- display: inline-block;
914
- position: relative;
915
- }
916
-
917
- .ql-snow .ql-picker-label {
918
- cursor: pointer;
919
- width: 100%;
920
- height: 100%;
921
- padding-left: 8px;
922
- padding-right: 2px;
923
- display: inline-block;
924
- position: relative;
925
- }
926
-
927
- .ql-snow .ql-picker-label:before {
928
- line-height: 22px;
929
- display: inline-block;
930
- }
931
-
932
- .ql-snow .ql-picker-options {
933
- white-space: nowrap;
934
- background-color: #fff;
935
- min-width: 100%;
936
- padding: 4px 8px;
937
- display: none;
938
- position: absolute;
939
- }
940
-
941
- .ql-snow .ql-picker-options .ql-picker-item {
942
- cursor: pointer;
943
- padding-top: 5px;
944
- padding-bottom: 5px;
945
- display: block;
946
- }
947
-
948
- .ql-snow .ql-picker.ql-expanded .ql-picker-label {
949
- color: #ccc;
950
- z-index: 2;
951
- }
952
-
953
- .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
954
- fill: #ccc;
955
- }
956
-
957
- .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
958
- stroke: #ccc;
959
- }
960
-
961
- .ql-snow .ql-picker.ql-expanded .ql-picker-options {
962
- z-index: 1;
963
- margin-top: -1px;
964
- display: block;
965
- top: 100%;
966
- }
967
-
968
- .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker {
969
- width: 28px;
970
- }
971
-
972
- .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label {
973
- padding: 2px 4px;
974
- }
975
-
976
- .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg {
977
- right: 4px;
978
- }
979
-
980
- .ql-snow .ql-icon-picker .ql-picker-options {
981
- padding: 4px 0;
982
- }
983
-
984
- .ql-snow .ql-icon-picker .ql-picker-item {
985
- width: 24px;
986
- height: 24px;
987
- padding: 2px 4px;
988
- }
989
-
990
- .ql-snow .ql-color-picker .ql-picker-options {
991
- width: 152px;
992
- padding: 3px 5px;
993
- }
994
-
995
- .ql-snow .ql-color-picker .ql-picker-item {
996
- float: left;
997
- border: 1px solid #0000;
998
- width: 16px;
999
- height: 16px;
1000
- margin: 2px;
1001
- padding: 0;
1002
- }
1003
-
1004
- .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
1005
- width: 18px;
1006
- margin-top: -9px;
1007
- position: absolute;
1008
- top: 50%;
1009
- right: 0;
1010
- }
1011
-
1012
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before {
1013
- content: attr(data-label);
1014
- }
1015
-
1016
- .ql-snow .ql-picker.ql-header {
1017
- width: 98px;
1018
- }
1019
-
1020
- .ql-snow .ql-picker.ql-header .ql-picker-label:before, .ql-snow .ql-picker.ql-header .ql-picker-item:before {
1021
- content: "Normal";
1022
- }
1023
-
1024
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
1025
- content: "Heading 1";
1026
- }
1027
-
1028
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
1029
- content: "Heading 2";
1030
- }
1031
-
1032
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
1033
- content: "Heading 3";
1034
- }
1035
-
1036
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
1037
- content: "Heading 4";
1038
- }
1039
-
1040
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
1041
- content: "Heading 5";
1042
- }
1043
-
1044
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
1045
- content: "Heading 6";
1046
- }
1047
-
1048
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
1049
- font-size: 2em;
1050
- }
1051
-
1052
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
1053
- font-size: 1.5em;
1054
- }
1055
-
1056
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
1057
- font-size: 1.17em;
1058
- }
1059
-
1060
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
1061
- font-size: 1em;
1062
- }
1063
-
1064
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
1065
- font-size: .83em;
1066
- }
1067
-
1068
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
1069
- font-size: .67em;
1070
- }
1071
-
1072
- .ql-snow .ql-picker.ql-font {
1073
- width: 108px;
1074
- }
1075
-
1076
- .ql-snow .ql-picker.ql-font .ql-picker-label:before, .ql-snow .ql-picker.ql-font .ql-picker-item:before {
1077
- content: "Sans Serif";
1078
- }
1079
-
1080
- .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]:before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before {
1081
- content: "Serif";
1082
- }
1083
-
1084
- .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]:before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before {
1085
- content: "Monospace";
1086
- }
1087
-
1088
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before {
1089
- font-family: Georgia, Times New Roman, serif;
1090
- }
1091
-
1092
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before {
1093
- font-family: Monaco, Courier New, monospace;
1094
- }
1095
-
1096
- .ql-snow .ql-picker.ql-size {
1097
- width: 98px;
1098
- }
1099
-
1100
- .ql-snow .ql-picker.ql-size .ql-picker-label:before, .ql-snow .ql-picker.ql-size .ql-picker-item:before {
1101
- content: "Normal";
1102
- }
1103
-
1104
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]:before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]:before {
1105
- content: "Small";
1106
- }
1107
-
1108
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]:before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]:before {
1109
- content: "Large";
1110
- }
1111
-
1112
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]:before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before {
1113
- content: "Huge";
1114
- }
1115
-
1116
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]:before {
1117
- font-size: 10px;
1118
- }
1119
-
1120
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]:before {
1121
- font-size: 18px;
1122
- }
1123
-
1124
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before {
1125
- font-size: 32px;
1126
- }
1127
-
1128
- .ql-snow .ql-color-picker.ql-background .ql-picker-item {
1129
- background-color: #fff;
1130
- }
1131
-
1132
- .ql-snow .ql-color-picker.ql-color .ql-picker-item {
1133
- background-color: #000;
1134
- }
1135
-
1136
- .ql-code-block-container {
1137
- position: relative;
1138
- }
1139
-
1140
- .ql-code-block-container .ql-ui {
1141
- top: 5px;
1142
- right: 5px;
1143
- }
1144
-
1145
- .ql-toolbar.ql-snow {
1146
- box-sizing: border-box;
1147
- border: 1px solid #ccc;
1148
- padding: 8px;
1149
- font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
1150
- }
1151
-
1152
- .ql-toolbar.ql-snow .ql-formats {
1153
- margin-right: 15px;
1154
- }
1155
-
1156
- .ql-toolbar.ql-snow .ql-picker-label {
1157
- border: 1px solid #0000;
1158
- }
1159
-
1160
- .ql-toolbar.ql-snow .ql-picker-options {
1161
- border: 1px solid #0000;
1162
- box-shadow: 0 2px 8px #0003;
1163
- }
1164
-
1165
- .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
1166
- border-color: #ccc;
1167
- }
1168
-
1169
- .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
1170
- border-color: #000;
1171
- }
1172
-
1173
- .ql-toolbar.ql-snow + .ql-container.ql-snow {
1174
- border-top: 0;
1175
- }
1176
-
1177
- .ql-snow .ql-tooltip {
1178
- color: #444;
1179
- white-space: nowrap;
1180
- background-color: #fff;
1181
- border: 1px solid #ccc;
1182
- padding: 5px 12px;
1183
- box-shadow: 0 0 5px #ddd;
1184
- }
1185
-
1186
- .ql-snow .ql-tooltip:before {
1187
- content: "Visit URL:";
1188
- margin-right: 8px;
1189
- line-height: 26px;
1190
- }
1191
-
1192
- .ql-snow .ql-tooltip input[type="text"] {
1193
- border: 1px solid #ccc;
1194
- width: 170px;
1195
- height: 26px;
1196
- margin: 0;
1197
- padding: 3px 5px;
1198
- font-size: 13px;
1199
- display: none;
1200
- }
1201
-
1202
- .ql-snow .ql-tooltip a.ql-preview {
1203
- text-overflow: ellipsis;
1204
- vertical-align: top;
1205
- max-width: 200px;
1206
- display: inline-block;
1207
- overflow-x: hidden;
1208
- }
1209
-
1210
- .ql-snow .ql-tooltip a.ql-action:after {
1211
- content: "Edit";
1212
- border-right: 1px solid #ccc;
1213
- margin-left: 16px;
1214
- padding-right: 8px;
1215
- }
1216
-
1217
- .ql-snow .ql-tooltip a.ql-remove:before {
1218
- content: "Remove";
1219
- margin-left: 8px;
1220
- }
1221
-
1222
- .ql-snow .ql-tooltip a {
1223
- line-height: 26px;
1224
- }
1225
-
1226
- .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove {
1227
- display: none;
1228
- }
1229
-
1230
- .ql-snow .ql-tooltip.ql-editing input[type="text"] {
1231
- display: inline-block;
1232
- }
1233
-
1234
- .ql-snow .ql-tooltip.ql-editing a.ql-action:after {
1235
- content: "Save";
1236
- border-right: 0;
1237
- padding-right: 0;
1238
- }
1239
-
1240
- .ql-snow .ql-tooltip[data-mode="link"]:before {
1241
- content: "Enter link:";
1242
- }
1243
-
1244
- .ql-snow .ql-tooltip[data-mode="formula"]:before {
1245
- content: "Enter formula:";
1246
- }
1247
-
1248
- .ql-snow .ql-tooltip[data-mode="video"]:before {
1249
- content: "Enter video:";
1250
- }
1251
-
1252
- .ql-snow a {
1253
- color: #06c;
1254
- }
1255
-
1256
- .ql-container.ql-snow {
1257
- border: 1px solid #ccc;
1258
- }
1259
-
1260
- .fwe-divider-y {
1261
- background-color: var(--fwe-gray-400);
1262
- width: 1px;
1263
- height: 24px;
1264
- position: relative;
1265
- top: 6px;
1266
- }
1267
-
1268
- .fwe-editor {
1269
- min-height: 100%;
1270
- }
1271
-
1272
- .fwe-editor-container {
1273
- border: var(--fwe-control-border) solid 1px;
1274
- order: 2;
1275
- height: 160px;
1276
- min-height: 100%;
1277
- padding-top: 4px;
1278
- padding-bottom: 4px;
1279
- padding-left: 8px;
1280
- overflow-y: auto;
1281
- }
1282
-
1283
- @-moz-document url-prefix() {
1284
- .fwe-editor-container {
1285
- scrollbar-width: thin;
1286
- scrollbar-color: var(--fwe-control-scrollbar) #0000;
1287
- }
1288
- }
1289
-
1290
- @media (pointer: fine) {
1291
- .fwe-editor-container::-webkit-scrollbar {
1292
- width: 14px;
1293
- }
1294
-
1295
- .fwe-editor-container::-webkit-scrollbar-track {
1296
- background: none;
1297
- }
1298
-
1299
- .fwe-editor-container::-webkit-scrollbar-thumb {
1300
- background-color: var(--fwe-control-scrollbar);
1301
- -webkit-background-clip: padding-box;
1302
- background-clip: padding-box;
1303
- border: 3px solid #f2f3f500;
1304
- border-radius: 8px;
1305
- overflow: visible;
1306
- }
1307
- }
1308
-
1309
- .fwe-editor-container:hover {
1310
- border-color: var(--fwe-hero);
1311
- }
1312
-
1313
- .fwe-editor-container--error, .fwe-editor-container--error:hover {
1314
- border-color: var(--fwe-red);
1315
- }
1316
-
1317
- .fwe-editor-container[contenteditable="true"] {
1318
- outline: none;
1319
- }
1320
-
1321
- .fwe-editor-container[contenteditable="true"]:focus {
1322
- border-color: var(--fwe-hero);
1323
- }
1324
-
1325
- label.fwe-input-text {
1326
- line-height: 24px;
1327
- }
1328
-
1329
- label.fwe-input-text .fwe-input-text-count {
1330
- line-height: var(--fwe-line-height-base);
1331
- z-index: 1;
1332
- color: var(--fwe-text-disabled);
1333
- font-size: var(--fwe-font-size-small);
1334
- display: block;
1335
- position: absolute;
1336
- bottom: 0;
1337
- right: 0;
1338
- }
1339
-
1340
- label.fwe-input-text .fwe-input-text-label {
1341
- order: -1;
1342
- }
1343
-
1344
- label.fwe-input-text .fwe-text-editor-info {
1345
- white-space: nowrap;
1346
- text-overflow: ellipsis;
1347
- line-height: var(--fwe-line-height-base);
1348
- left: 0;
1349
- top: unset;
1350
- z-index: 2;
1351
- color: var(--fwe-text-disabled);
1352
- font-size: var(--fwe-font-size-small);
1353
- display: inline-block;
1354
- position: absolute;
1355
- bottom: 0;
1356
- overflow: hidden;
1357
- }
1358
-
1359
- label.fwe-input-text .fwe-text-editor-invalid {
1360
- z-index: 2;
1361
- color: var(--fwe-red);
1362
- line-height: 1.5;
1363
- font-size: var(--fwe-font-size-small);
1364
- position: absolute;
1365
- bottom: 0;
1366
- left: 0;
1367
- }
1368
-
1369
- label.fwe-input-text .fwe-text-editor-invalid ~ .fwe-text-editor-info {
1370
- display: none;
1371
- }
1372
-
1373
- label.fwe-input-text.fwe-disabled, label.fwe-input-text.fwe-disabled .fwe-input-text-label {
1374
- color: var(--fwe-text-disabled);
1375
- }
1376
-
1377
- label.fwe-input-text.fwe-disabled .fwe-editor-container, label.fwe-input-text.fwe-disabled .fwe-editor-container:hover {
1378
- border-color: var(--fwe-control-disabled) !important;
1379
- }
1380
-
1381
- label.fwe-input-text.fwe-disabled .fwe-divider-y {
1382
- background-color: var(--fwe-text-disabled);
1383
- }
1384
-
1385
- .fwe-text-bold {
1386
- font-weight: var(--fwe-font-weight-bold);
1387
- }
1388
-
1389
- .fwe-text-italic {
1390
- font-style: italic;
1391
- }
1392
-
1393
- .fwe-text-underline {
1394
- text-decoration: underline;
1395
- }
1396
-
1397
- .fwe-editor-container {
1398
- background: #fff;
1399
- padding-right: 8px;
1400
- }
1401
-
1402
- .ql-tooltip {
1403
- z-index: var(--fwe-z-index-tooltip);
1404
- }
1405
-
1406
- .ql-editor {
1407
- font-family: var(--fwe-font-family-sans-serif);
1408
- font-size: var(--fwe-font-size-base);
1409
- min-height: 72px;
1410
- padding: 0;
1411
- overflow-x: hidden;
1412
- }
1413
-
1414
- .ql-editor p::selection {
1415
- background: var(--fwe-sucaerul);
1416
- }
1417
-
1418
- .ql-editor strong::selection {
1419
- background: var(--fwe-sucaerul);
1420
- }
1421
-
1422
- .ql-editor em::selection {
1423
- background: var(--fwe-sucaerul);
1424
- }
1425
-
1426
- .ql-editor u::selection {
1427
- background: var(--fwe-sucaerul);
1428
- }
1429
-
1430
- .ql-editor ul::selection {
1431
- background: var(--fwe-sucaerul);
1432
- }
1433
-
1434
- .ql-editor ol::selection {
1435
- background: var(--fwe-sucaerul);
1436
- }
1437
-
1438
- .ql-editor li::selection {
1439
- background: var(--fwe-sucaerul);
1440
- }
1441
-
1442
- .ql-editor a::selection {
1443
- background: var(--fwe-sucaerul);
1444
- }
1445
-
1446
- .ql-container.ql-snow {
1447
- background-color: var(--fwe-white);
1448
- border: 0;
1449
- }
1450
-
1451
- .ql-container.ql-snow .ql-tooltip {
1452
- color: var(--fwe-black);
1453
- border: 1px solid var(--fwe-gray-200);
1454
- transform: translate(160px, 12px);
1455
- box-shadow: -1px 1px 4px -1px #3333;
1456
- }
1457
-
1458
- .ql-container.ql-snow .ql-tooltip input {
1459
- border: 1px solid var(--fwe-gray-200);
1460
- }
1461
-
1462
- .ql-container.ql-snow .ql-tooltip input::selection {
1463
- background: var(--fwe-sucaerul);
1464
- }
1465
-
1466
- .ql-container.ql-snow a {
1467
- color: var(--fwe-caerul);
1468
- }
1469
-
1470
- .ql-toolbar.ql-snow {
1471
- border: 0;
1472
- padding: 4px 0 8px;
1473
- }
1474
-
1475
- .ql-toolbar.ql-snow button {
1476
- box-sizing: border-box;
1477
- text-align: center;
1478
- min-height: unset;
1479
- color: var(--fwe-black);
1480
- cursor: pointer;
1481
- width: unset;
1482
- float: unset;
1483
- background: none;
1484
- border: none;
1485
- border-radius: 4px;
1486
- justify-content: center;
1487
- align-items: center;
1488
- max-width: 24px;
1489
- padding: 0 8px;
1490
- line-height: normal;
1491
- display: inline-flex;
1492
- }
1493
-
1494
- .ql-toolbar.ql-snow button:hover {
1495
- background-color: var(--fwe-control-hover);
1496
- color: var(--fwe-black);
1497
- }
1498
-
1499
- .ql-toolbar.ql-snow button:active {
1500
- background-color: var(--fwe-control-active);
1501
- }
1502
-
1503
- .ql-toolbar.ql-snow button.fwe-active {
1504
- background-color: var(--fwe-control);
1505
- }
1506
-
1507
- .ql-toolbar.ql-snow button.fr-icon-button {
1508
- padding: 0 4px;
1509
- }
1510
-
1511
- .ql-toolbar.ql-snow button.fr-button:disabled {
1512
- color: var(--fwe-text-disabled);
1513
- cursor: default;
1514
- }
1515
-
1516
- .ql-toolbar.ql-snow button.fr-button i, .ql-toolbar.ql-snow button.fr-button div {
1517
- pointer-events: none;
1518
- }
1519
-
1520
- .ql-toolbar .fr-button-text {
1521
- min-width: 12px;
1522
- line-height: 16px;
1523
- }
1524
-
1525
- label.fwe-input-text.fwe-disabled .ql-toolbar {
1526
- pointer-events: none;
1527
- }
1528
-
1529
- label.fwe-input-text.fwe-disabled .ql-toolbar button {
1530
- color: var(--fwe-text-disabled);
1531
- }
1532
-