@tipp/ui-quill-editor 1.4.48 → 2.0.0

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