quilljs2-rails 2.1.2 → 2.1.3

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