panda_cms 0.5.9 → 0.6.0

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