@squiz/formatted-text-editor 1.12.0-alpha.9 → 1.12.1-alpha.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.
Files changed (162) hide show
  1. package/.eslintrc.json +34 -0
  2. package/CHANGELOG.md +48 -0
  3. package/README.md +18 -56
  4. package/build.js +21 -0
  5. package/cypress/e2e/bold.spec.cy.ts +18 -0
  6. package/cypress/global.d.ts +9 -0
  7. package/cypress/support/commands.ts +130 -0
  8. package/cypress/support/e2e.ts +20 -0
  9. package/cypress/tsconfig.json +8 -0
  10. package/cypress.config.ts +7 -0
  11. package/demo/App.tsx +39 -0
  12. package/demo/index.html +13 -0
  13. package/demo/index.scss +40 -0
  14. package/demo/main.tsx +10 -0
  15. package/demo/public/favicon-dxp.svg +3 -0
  16. package/demo/vite-env.d.ts +1 -0
  17. package/file-transformer.js +1 -0
  18. package/jest.bootstrap.ts +3 -0
  19. package/jest.config.ts +30 -0
  20. package/lib/Editor/Editor.d.ts +4 -2
  21. package/lib/Editor/Editor.js +11 -14
  22. package/lib/EditorToolbar/FloatingToolbar.d.ts +1 -0
  23. package/lib/EditorToolbar/FloatingToolbar.js +31 -0
  24. package/lib/EditorToolbar/Toolbar.d.ts +1 -0
  25. package/lib/EditorToolbar/Toolbar.js +25 -0
  26. package/lib/EditorToolbar/Tools/Link/Form/LinkForm.d.ts +10 -0
  27. package/lib/EditorToolbar/Tools/Link/Form/LinkForm.js +23 -0
  28. package/lib/EditorToolbar/Tools/Link/LinkButton.d.ts +5 -0
  29. package/lib/EditorToolbar/Tools/Link/LinkButton.js +34 -0
  30. package/lib/EditorToolbar/Tools/Link/LinkModal.d.ts +8 -0
  31. package/lib/EditorToolbar/Tools/Link/LinkModal.js +14 -0
  32. package/lib/EditorToolbar/Tools/Link/RemoveLinkButton.d.ts +2 -0
  33. package/lib/EditorToolbar/Tools/Link/RemoveLinkButton.js +16 -0
  34. package/lib/EditorToolbar/Tools/Redo/RedoButton.d.ts +2 -0
  35. package/lib/EditorToolbar/Tools/Redo/RedoButton.js +16 -0
  36. package/lib/EditorToolbar/Tools/TextType/Heading/HeadingButton.d.ts +5 -0
  37. package/lib/EditorToolbar/Tools/TextType/Heading/HeadingButton.js +32 -0
  38. package/lib/EditorToolbar/Tools/TextType/Paragraph/ParagraphButton.d.ts +2 -0
  39. package/lib/EditorToolbar/Tools/TextType/Paragraph/ParagraphButton.js +16 -0
  40. package/lib/EditorToolbar/Tools/TextType/Preformatted/PreformattedButton.d.ts +2 -0
  41. package/lib/EditorToolbar/Tools/TextType/Preformatted/PreformattedButton.js +16 -0
  42. package/lib/EditorToolbar/Tools/TextType/TextTypeDropdown.d.ts +2 -0
  43. package/lib/EditorToolbar/Tools/TextType/TextTypeDropdown.js +35 -0
  44. package/lib/EditorToolbar/Tools/Undo/UndoButton.d.ts +2 -0
  45. package/lib/EditorToolbar/Tools/Undo/UndoButton.js +16 -0
  46. package/lib/EditorToolbar/index.d.ts +2 -0
  47. package/lib/EditorToolbar/index.js +2 -0
  48. package/lib/Extensions/Extensions.d.ts +4 -0
  49. package/lib/Extensions/Extensions.js +20 -0
  50. package/lib/Extensions/LinkExtension/LinkExtension.d.ts +16 -0
  51. package/lib/Extensions/LinkExtension/LinkExtension.js +91 -0
  52. package/lib/Extensions/PreformattedExtension/PreformattedExtension.d.ts +10 -0
  53. package/lib/Extensions/PreformattedExtension/PreformattedExtension.js +46 -0
  54. package/lib/FormattedTextEditor.d.ts +2 -2
  55. package/lib/FormattedTextEditor.js +1 -6
  56. package/lib/hooks/index.d.ts +1 -0
  57. package/lib/hooks/index.js +1 -0
  58. package/lib/hooks/useExtensionNames.d.ts +1 -0
  59. package/lib/hooks/useExtensionNames.js +12 -0
  60. package/lib/index.css +786 -3689
  61. package/lib/ui/Inputs/Select/Select.d.ts +12 -0
  62. package/lib/ui/Inputs/Select/Select.js +23 -0
  63. package/lib/ui/Inputs/Text/TextInput.d.ts +4 -0
  64. package/lib/ui/Inputs/Text/TextInput.js +7 -0
  65. package/lib/ui/Modal/FormModal.d.ts +5 -0
  66. package/lib/ui/Modal/FormModal.js +11 -0
  67. package/lib/ui/Modal/Modal.d.ts +10 -0
  68. package/lib/ui/Modal/Modal.js +48 -0
  69. package/lib/ui/ToolbarButton/ToolbarButton.d.ts +1 -1
  70. package/lib/ui/ToolbarButton/ToolbarButton.js +1 -1
  71. package/lib/ui/ToolbarDropdown/ToolbarDropdown.d.ts +6 -0
  72. package/lib/ui/ToolbarDropdown/ToolbarDropdown.js +20 -0
  73. package/lib/ui/ToolbarDropdownButton/ToolbarDropdownButton.d.ts +9 -0
  74. package/lib/ui/ToolbarDropdownButton/ToolbarDropdownButton.js +8 -0
  75. package/lib/utils/createToolbarPositioner.d.ts +18 -0
  76. package/lib/utils/createToolbarPositioner.js +81 -0
  77. package/lib/utils/getCursorRect.d.ts +2 -0
  78. package/lib/utils/getCursorRect.js +3 -0
  79. package/package.json +22 -13
  80. package/postcss.config.js +12 -0
  81. package/src/Editor/Editor.mock.tsx +43 -0
  82. package/src/Editor/Editor.spec.tsx +254 -0
  83. package/src/Editor/Editor.tsx +46 -0
  84. package/src/Editor/_editor.scss +82 -0
  85. package/src/EditorToolbar/FloatingToolbar.spec.tsx +30 -0
  86. package/src/EditorToolbar/FloatingToolbar.tsx +40 -0
  87. package/src/EditorToolbar/Toolbar.tsx +33 -0
  88. package/src/EditorToolbar/Tools/Bold/BoldButton.spec.tsx +19 -0
  89. package/src/EditorToolbar/Tools/Bold/BoldButton.tsx +30 -0
  90. package/src/EditorToolbar/Tools/Italic/ItalicButton.spec.tsx +19 -0
  91. package/src/EditorToolbar/Tools/Italic/ItalicButton.tsx +30 -0
  92. package/src/EditorToolbar/Tools/Link/Form/LinkForm.spec.tsx +30 -0
  93. package/src/EditorToolbar/Tools/Link/Form/LinkForm.tsx +48 -0
  94. package/src/EditorToolbar/Tools/Link/LinkButton.spec.tsx +277 -0
  95. package/src/EditorToolbar/Tools/Link/LinkButton.tsx +56 -0
  96. package/src/EditorToolbar/Tools/Link/LinkModal.tsx +29 -0
  97. package/src/EditorToolbar/Tools/Link/RemoveLinkButton.spec.tsx +46 -0
  98. package/src/EditorToolbar/Tools/Link/RemoveLinkButton.tsx +27 -0
  99. package/src/EditorToolbar/Tools/Redo/RedoButton.spec.tsx +59 -0
  100. package/src/EditorToolbar/Tools/Redo/RedoButton.tsx +30 -0
  101. package/src/EditorToolbar/Tools/TextAlign/CenterAlign/CenterAlignButton.spec.tsx +39 -0
  102. package/src/EditorToolbar/Tools/TextAlign/CenterAlign/CenterAlignButton.tsx +31 -0
  103. package/src/EditorToolbar/Tools/TextAlign/JustifyAlign/JustifyAlignButton.spec.tsx +39 -0
  104. package/src/EditorToolbar/Tools/TextAlign/JustifyAlign/JustifyAlignButton.tsx +31 -0
  105. package/src/EditorToolbar/Tools/TextAlign/LeftAlign/LeftAlignButton.spec.tsx +39 -0
  106. package/src/EditorToolbar/Tools/TextAlign/LeftAlign/LeftAlignButton.tsx +31 -0
  107. package/src/EditorToolbar/Tools/TextAlign/RightAlign/RightAlignButton.spec.tsx +39 -0
  108. package/src/EditorToolbar/Tools/TextAlign/RightAlign/RightAlignButton.tsx +31 -0
  109. package/src/EditorToolbar/Tools/TextAlign/TextAlignButtons.tsx +21 -0
  110. package/src/EditorToolbar/Tools/TextType/Heading/HeadingButton.spec.tsx +56 -0
  111. package/src/EditorToolbar/Tools/TextType/Heading/HeadingButton.tsx +52 -0
  112. package/src/EditorToolbar/Tools/TextType/Paragraph/ParagraphButton.spec.tsx +30 -0
  113. package/src/EditorToolbar/Tools/TextType/Paragraph/ParagraphButton.tsx +25 -0
  114. package/src/EditorToolbar/Tools/TextType/Preformatted/PreformattedButton.spec.tsx +47 -0
  115. package/src/EditorToolbar/Tools/TextType/Preformatted/PreformattedButton.tsx +30 -0
  116. package/src/EditorToolbar/Tools/TextType/TextTypeDropdown.spec.tsx +51 -0
  117. package/src/EditorToolbar/Tools/TextType/TextTypeDropdown.tsx +44 -0
  118. package/src/EditorToolbar/Tools/Underline/Underline.spec.tsx +19 -0
  119. package/src/EditorToolbar/Tools/Underline/UnderlineButton.tsx +30 -0
  120. package/src/EditorToolbar/Tools/Undo/UndoButton.spec.tsx +49 -0
  121. package/src/EditorToolbar/Tools/Undo/UndoButton.tsx +30 -0
  122. package/src/EditorToolbar/_floating-toolbar.scss +4 -0
  123. package/src/EditorToolbar/_toolbar.scss +16 -0
  124. package/src/EditorToolbar/index.ts +2 -0
  125. package/src/Extensions/Extensions.ts +29 -0
  126. package/src/Extensions/LinkExtension/LinkExtension.ts +116 -0
  127. package/src/Extensions/PreformattedExtension/PreformattedExtension.ts +50 -0
  128. package/src/FormattedTextEditor.spec.tsx +10 -0
  129. package/src/FormattedTextEditor.tsx +3 -0
  130. package/src/hooks/index.ts +1 -0
  131. package/src/hooks/useExtensionNames.ts +15 -0
  132. package/src/index.scss +19 -0
  133. package/src/index.ts +3 -0
  134. package/src/ui/Inputs/Select/Select.spec.tsx +30 -0
  135. package/src/ui/Inputs/Select/Select.tsx +66 -0
  136. package/src/ui/Inputs/Text/TextInput.spec.tsx +43 -0
  137. package/src/ui/Inputs/Text/TextInput.tsx +20 -0
  138. package/src/ui/Modal/FormModal.spec.tsx +20 -0
  139. package/src/ui/Modal/FormModal.tsx +17 -0
  140. package/src/ui/Modal/Modal.spec.tsx +113 -0
  141. package/src/ui/Modal/Modal.tsx +97 -0
  142. package/src/ui/Modal/_modal.scss +24 -0
  143. package/src/ui/ToolbarButton/ToolbarButton.tsx +26 -0
  144. package/src/ui/ToolbarButton/_toolbar-button.scss +17 -0
  145. package/src/ui/ToolbarDropdown/ToolbarDropdown.spec.tsx +78 -0
  146. package/src/ui/ToolbarDropdown/ToolbarDropdown.tsx +42 -0
  147. package/src/ui/ToolbarDropdown/_toolbar-dropdown.scss +32 -0
  148. package/src/ui/ToolbarDropdownButton/ToolbarDropdownButton.spec.tsx +48 -0
  149. package/src/ui/ToolbarDropdownButton/ToolbarDropdownButton.tsx +29 -0
  150. package/src/ui/ToolbarDropdownButton/_toolbar-dropdown-button.scss +14 -0
  151. package/src/ui/_buttons.scss +19 -0
  152. package/src/ui/_forms.scss +16 -0
  153. package/src/utils/createToolbarPositioner.ts +115 -0
  154. package/src/utils/getCursorRect.ts +5 -0
  155. package/tailwind.config.cjs +83 -0
  156. package/tests/index.ts +2 -0
  157. package/tests/renderWithEditor.tsx +110 -0
  158. package/tests/select.tsx +16 -0
  159. package/tsconfig.json +22 -0
  160. package/vite.config.ts +19 -0
  161. package/lib/EditorToolbar/EditorToolbar.d.ts +0 -7
  162. package/lib/EditorToolbar/EditorToolbar.js +0 -21
package/lib/index.css CHANGED
@@ -1,3818 +1,912 @@
1
- /* ../../node_modules/remirror/styles/all.css */
2
- .remirror-editor-wrapper {
3
- padding-top: var(--rmr-space-3);
4
- }
5
- .remirror-button-active {
6
- color: var(--rmr-color-primary-text) !important;
7
- background-color: var(--rmr-color-primary) !important;
8
- }
9
- .remirror-button {
10
- display: inline-flex;
11
- font-weight: 400;
12
- align-items: center;
13
- justify-content: center;
14
- -webkit-user-select: none;
15
- -moz-user-select: none;
16
- -ms-user-select: none;
17
- user-select: none;
18
- padding: 0.375em 0.75em;
19
- line-height: 1.5;
20
- border-radius: var(--rmr-radius-border);
21
- text-decoration: none;
22
- border: 1px solid var(--rmr-color-border);
23
- cursor: pointer;
24
- white-space: nowrap;
25
- color: var(--rmr-color-text);
26
- background-color: var(--rmr-color-background);
27
- transition:
28
- color 0.15s ease-in-out,
29
- background-color 0.15s ease-in-out,
30
- border-color 0.15s ease-in-out,
31
- box-shadow 0.15s ease-in-out;
32
- font-size: 100%;
33
- }
34
- .remirror-button[aria-disabled=true] {
35
- cursor: auto;
36
- }
37
- .remirror-button:not([aria-disabled="true"]):hover {
38
- color: var(--rmr-color-hover-primary-text);
39
- border-color: var(--rmr-color-hover-border);
40
- background-color: var(--rmr-color-hover-primary);
41
- }
42
- .remirror-button:not([aria-disabled="true"]):active,
43
- .remirror-button:not([aria-disabled="true"])[data-active],
44
- .remirror-button:not([aria-disabled="true"])[aria-expanded=true] {
45
- color: var(--rmr-color-active-primary-text);
46
- border-color: var(--rmr-color-active-border);
47
- background-color: var(--rmr-color-active-primary);
48
- }
49
- @media screen and (-ms-high-contrast: active) {
50
- .remirror-button {
51
- border: 2px solid currentcolor;
52
- }
53
- }
54
- .remirror-composite {
55
- align-items: center;
56
- justify-content: center;
57
- padding: 0.375em 0.75em;
58
- font-size: 100%;
59
- border: 0;
60
- color: inherit;
61
- background-color: inherit;
62
- }
63
- .remirror-composite:not([aria-selected="true"]) {
64
- color: inherit;
65
- background-color: inherit;
66
- }
67
- [aria-activedescendant="*"]:focus .remirror-composite[aria-selected=true],
68
- [aria-activedescendant="*"]:focus ~ * .remirror-composite[aria-selected=true] {
69
- color: var(--rmr-color-text);
70
- background-color: var(--rmr-color-background);
71
- }
72
- .remirror-dialog {
73
- position: fixed;
74
- top: 28px;
75
- left: 50%;
76
- transform: translateX(-50%);
77
- border-radius: var(--rmr-radius-border);
78
- padding: 1em;
79
- max-height: calc(100vh - 56px);
80
- outline: 0;
81
- border: 1px solid var(--rmr-color-border);
82
- color: var(--rmr-color-text);
83
- z-index: 999;
84
- }
85
- .remirror-dialog:focus {
86
- box-shadow: 0 0 0 0.2em var(--rmr-color-shadow-1);
87
- }
88
- .remirror-dialog-backdrop {
89
- background-color: var(--rmr-color-backdrop);
90
- position: fixed;
91
- top: 0;
92
- right: 0;
93
- bottom: 0;
94
- left: 0;
95
- z-index: 999;
96
- }
97
- .remirror-form > *:not(:first-child) {
98
- margin-top: 1rem;
99
- }
100
- .remirror-form-message {
101
- font-size: 0.8em;
102
- margin-top: 0.5rem !important;
103
- }
104
- .remirror-form-label {
105
- display: block;
106
- margin: 0 0 0.5rem 0 !important;
107
- }
108
- input[type=checkbox] + .remirror-form-label,
109
- input[type=radio] + .remirror-form-label {
110
- display: inline-block;
111
- margin: 0 0 0 0.5rem !important;
112
- }
113
- .remirror-form-group {
114
- display: block;
115
- color: var(--rmr-color-text);
116
- border: 1px solid var(--rmr-color-border);
117
- border-radius: var(--rmr-radius-border);
118
- padding: 0.5rem 1rem 1rem;
119
- }
120
- .remirror-form-group > * {
121
- display: block;
122
- }
123
- .remirror-group {
124
- display: flex;
125
- }
126
- .remirror-group > :not(:first-child) {
127
- margin-left: -1px;
128
- }
129
- .remirror-group > :not(:first-child):not(:last-child):not(.first-child):not(.last-child) {
130
- border-radius: 0;
131
- }
132
- .remirror-group > :first-child:not(:last-child),
133
- .remirror-group > .first-child {
134
- border-top-right-radius: 0;
135
- border-bottom-right-radius: 0;
136
- }
137
- .remirror-group > :last-child:not(:first-child),
138
- .remirror-group > .last-child {
139
- border-top-left-radius: 0;
140
- border-bottom-left-radius: 0;
141
- }
142
- .remirror-input {
143
- display: block;
144
- width: 100%;
145
- border-radius: var(--rmr-radius-border);
146
- padding: 0.5em 0.75em;
147
- font-size: 100%;
148
- border: 1px solid var(--rmr-hue-gray-2);
149
- color: var(--rmr-hue-gray-5);
150
- margin: 0 !important;
151
- }
152
- .remirror-input:focus {
153
- border-color: var(--rmr-hue-gray-3);
154
- }
155
- .remirror-menu {
156
- display: flex;
157
- border-radius: 0;
158
- }
159
- .remirror-menu-pane {
160
- position: relative;
161
- display: flex;
162
- justify-content: center;
163
- align-items: flex-start;
164
- padding-top: var(--rmr-space-1);
165
- padding-bottom: var(--rmr-space-1);
166
- padding-right: var(--rmr-space-2);
167
- }
168
- .remirror-menu-pane-active {
169
- color: var(--rmr-color-primary-text);
170
- background-color: var(--rmr-color-primary);
171
- }
172
- .remirror-menu-dropdown-label {
173
- padding: 0 var(--rmr-space-2);
174
- }
175
- .remirror-menu-pane-icon {
176
- position: absolute;
177
- left: 8px;
178
- width: 20px;
179
- color: var(--rmr-hue-gray-7);
180
- }
181
- button:hover .remirror-menu-pane-icon,
182
- button:active .remirror-menu-pane-icon,
183
- [aria-checked=true] .remirror-menu-pane-icon {
184
- color: var(--rmr-hue-gray-1);
185
- }
186
- .remirror-menu-pane-label {
187
- white-space: nowrap;
188
- overflow: hidden;
189
- text-overflow: ellipsis;
190
- padding-right: var(--rmr-space-3);
191
- }
192
- .remirror-menu-pane-shortcut {
193
- align-self: flex-end;
194
- color: var(--rmr-hue-gray-6);
195
- }
196
- button:hover .remirror-menu-pane-shortcut,
197
- button:active .remirror-menu-pane-shortcut,
198
- [aria-checked=true] .remirror-menu-pane-shortcut {
199
- color: var(--rmr-hue-gray-1);
200
- }
201
- [role=menu] > .remirror-menu-button-left {
202
- left: var(--rmr-space-2);
203
- }
204
- [role=menu] > .remirror-menu-button-right {
205
- right: var(--rmr-space-2);
206
- }
207
- .remirror-menu-button-nested-left svg {
208
- margin-right: var(--rmr-space-2);
209
- }
210
- [role=menu] > .remirror-menu-button-nested-right {
211
- padding-right: 2em !important;
212
- }
213
- .remirror-menu-button-nested-right svg {
214
- margin-left: var(--rmr-space-2);
215
- }
216
- .remirror-menu-button {
217
- position: relative;
218
- }
219
- .remirror-menu-button svg {
220
- fill: currentColor;
221
- width: 0.65em;
222
- height: 0.65em;
223
- }
224
- [role=menu] > .remirror-menu-button svg {
225
- position: absolute;
226
- top: 50%;
227
- transform: translateY(-50%);
228
- }
229
- [role=menubar] > .remirror-menu-button svg {
230
- display: none;
231
- }
232
- .remirror-menu-bar {
233
- position: relative;
234
- display: flex;
235
- white-space: nowrap;
236
- box-shadow: none !important;
237
- }
238
- .remirror-menu-bar[aria-orientation=vertical] {
239
- padding: 0.25em 0;
240
- }
241
- .remirror-menu-bar[aria-orientation=horizontal] {
242
- padding: 0;
243
- }
244
- .remirror-flex-column {
245
- flex-direction: column;
246
- }
247
- .remirror-flex-row {
248
- flex-direction: row;
249
- }
250
- .remirror-menu-item {
251
- line-height: 1.5;
252
- text-align: left;
253
- justify-content: flex-start;
254
- border: 0;
255
- border-radius: 0;
256
- font-size: 100%;
257
- background: transparent;
258
- color: var(--rmr-color-foreground);
259
- margin: 0;
260
- -webkit-user-select: none;
261
- -moz-user-select: none;
262
- -ms-user-select: none;
263
- user-select: none;
264
- cursor: default;
265
- text-decoration: none;
266
- }
267
- .remirror-menu-item:focus,
268
- .remirror-menu-item[aria-expanded=true] {
269
- background-color: var(--rmr-color-primary);
270
- color: var(--rmr-color-primary-text);
271
- box-shadow: none !important;
272
- }
273
- .remirror-menu-item:active,
274
- .remirror-menu-item[data-active] {
275
- background-color: var(--rmr-color-active-primary) !important;
276
- color: var(--rmr-color-active-primary-text) !important;
277
- }
278
- .remirror-menu-item:disabled {
279
- opacity: 0.5;
280
- }
281
- .remirror-menu-item-row {
282
- padding: 0 var(--rmr-space-2);
283
- }
284
- .remirror-menu-item-column {
285
- padding: 0 var(--rmr-space-4);
286
- }
287
- .remirror-menu-item-checkbox {
288
- position: relative;
289
- outline: 0;
290
- }
291
- .remirror-menu-item-checkbox[aria-checked=true]:before {
292
- content: "\2713";
293
- position: absolute;
294
- top: 0;
295
- left: 0.4em;
296
- width: 1em;
297
- height: 1em;
298
- }
299
- .remirror-menu-item-radio {
300
- position: relative;
301
- outline: 0;
302
- }
303
- .remirror-menu-item-radio[aria-checked=true]:before {
304
- content: "\2022";
305
- position: absolute;
306
- font-size: 1.4em;
307
- top: -0.25em;
308
- left: 0.35em;
309
- width: 0.7142857143em;
310
- height: 0.7142857143em;
311
- }
312
- .remirror-menu-group {
313
- display: inherit;
314
- flex-direction: inherit;
315
- }
316
- .remirror-floating-popover {
317
- padding: 0;
318
- border: none;
319
- max-height: calc(100vh - 56px);
320
- }
321
- .remirror-popover [data-arrow] {
322
- background-color: transparent;
323
- }
324
- .remirror-popover [data-arrow] .stroke {
325
- fill: var(--rmr-color-border);
326
- }
327
- .remirror-popover [data-arrow] .fill {
328
- fill: var(--rmr-color-background);
329
- }
330
- .remirror-animated-popover {
331
- transition: opacity 250ms ease-in-out, transform 250ms ease-in-out;
332
- opacity: 0;
333
- transform-origin: top center;
334
- transform: translate3d(0, -20px, 0);
335
- }
336
- [data-enter] .remirror-animated-popover {
337
- opacity: 1;
338
- transform: translate3d(0, 0, 0);
339
- }
340
- .remirror-role {
1
+ /* src/index.scss */
2
+ .squiz-fte-scope *,
3
+ .squiz-fte-scope ::before,
4
+ .squiz-fte-scope ::after {
341
5
  box-sizing: border-box;
342
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
343
- font-family: var(--rmr-font-family-default);
344
- color: var(--rmr-color-text);
345
- background-color: var(--rmr-color-background);
346
- }
347
- .remirror-separator {
348
- border: 1px solid var(--rmr-color-border);
349
- border-width: 0 1px 0 0;
350
- margin: 0 0.5em;
351
- padding: 0;
352
- width: 0;
353
- height: auto;
354
- }
355
- .remirror-separator[aria-orientation=horizontal] {
356
- border-width: 0 0 1px 0;
357
- margin: 0.5em 0;
358
- width: auto;
359
- height: 0;
360
- }
361
- .remirror-tab {
362
- background-color: transparent;
363
- border: 1px solid transparent;
364
- border-width: 1px 1px 0 1px;
365
- border-radius: var(--rmr-radius-border) var(--rmr-radius-border) 0 0;
366
- font-size: 100%;
367
- padding: 0.5em 1em;
368
- margin: 0 0 -1px 0;
369
- }
370
- .remirror-tab[aria-selected=true] {
371
- background-color: var(--rmr-color-background);
372
- border-color: var(--rmr-color-border);
373
- }
374
- [aria-orientation=vertical] .remirror-tab {
375
- border-width: 1px 0 1px 1px;
376
- border-radius: 0.2em 0 0 0.2em;
377
- margin: 0 -1px 0 0;
378
- }
379
- .remirror-tab-list {
380
- display: flex;
381
- flex-direction: row;
382
- border: 1px solid var(--rmr-color-border);
383
- border-width: 0 0 1px 0;
384
- margin: 0 0 1em 0;
385
- }
386
- .remirror-tab-list[aria-orientation=vertical] {
387
- flex-direction: column;
388
- border-width: 0 1px 0 0;
389
- margin: 0 1em 0 0;
390
- }
391
- .remirror-tabbable:not([type="checkbox"]):not([type="radio"]) {
392
- outline: 0;
393
- }
394
- .remirror-tabbable:not([type="checkbox"]):not([type="radio"]):focus {
395
- box-shadow: var(--rmr-color-outline) 0px 0px 0px 0.2em;
396
- position: relative;
397
- z-index: 2;
398
- }
399
- .remirror-tabbable:not([type="checkbox"]):not([type="radio"]):hover {
400
- z-index: 2;
401
- }
402
- .remirror-tabbable[aria-disabled=true] {
403
- opacity: 0.5;
404
- }
405
- .remirror-toolbar {
406
- display: flex;
407
- flex-direction: row;
408
- overflow-y: auto;
409
- }
410
- .remirror-toolbar > *:not(:first-child) {
411
- margin: 0 0 0 0.5em;
412
- }
413
- .remirror-toolbar[aria-orientation=vertical] {
414
- display: inline-flex;
415
- flex-direction: column;
416
- }
417
- .remirror-toolbar[aria-orientation=vertical] > *:not(:first-child) {
418
- margin: 0.5em 0 0;
419
- }
420
- .remirror-tooltip {
421
- background-color: var(--rmr-color-faded);
422
- color: white;
423
- font-size: 0.8em;
424
- padding: 0.5rem;
425
- border-radius: var(--rmr-radius-border);
426
- z-index: 999;
427
- }
428
- .remirror-tooltip [data-arrow] {
429
- background-color: transparent;
430
- }
431
- .remirror-tooltip [data-arrow] .stroke {
432
- fill: transparent;
433
- }
434
- .remirror-tooltip [data-arrow] .fill {
435
- fill: var(--rmr-hue-gray-8);
436
- }
437
- .remirror-table-size-editor {
438
- background: var(--rmr-color-background);
439
- box-shadow: var(--rmr-color-shadow-1);
440
- font-family: var(--rmr-font-family-default);
441
- font-size: var(--rmr-font-size-1);
442
- }
443
- .remirror-table-size-editor-body {
444
- position: relative;
445
- }
446
- .remirror-table-size-editor-body::after {
447
- background: rgba(0, 0, 0, 0);
448
- bottom: -50px;
449
- content: "";
450
- left: 0;
451
- position: absolute;
452
- right: -50px;
453
- top: -50px;
454
- }
455
- .remirror-table-size-editor-cell {
456
- border: var(--rmr-color-border);
457
- position: absolute;
458
- z-index: 2;
459
- }
460
- .remirror-table-size-editor-cell-selected {
461
- background: var(--rmr-color-table-selected-border);
462
- border-color: var(--rmr-color-border);
463
- }
464
- .remirror-table-size-editor-footer {
465
- padding-bottom: var(--rmr-space-1);
466
- text-align: center;
467
- }
468
- .remirror-color-picker {
469
- background: var(--rmr-color-background);
470
- box-shadow: var(--rmr-box-shadow-1);
471
- font-family: var(--rmr-font-family-default);
472
- font-size: var(--rmr-font-size-1);
473
- padding: var(--rmr-space-2) var(--rmr-space-3);
474
- }
475
- .remirror-color-picker-cell {
476
- }
477
- .remirror-color-picker-cell-selected {
478
- }
479
- .remirror-editor.ProseMirror {
480
- word-wrap: break-word;
481
- white-space: pre-wrap;
482
- white-space: break-spaces;
483
- position: relative;
484
- font-variant-ligatures: none;
485
- font-feature-settings: "liga" 0;
486
- overflow-y: scroll;
487
- }
488
- .remirror-editor.ProseMirror pre {
489
- white-space: pre-wrap;
490
- }
491
- .remirror-editor.ProseMirror li {
492
- position: relative;
493
- }
494
- .remirror-editor.ProseMirror hr {
495
- border-color: #2e2e2e;
496
- }
497
- .remirror-editor.ProseMirror img.ProseMirror-separator {
498
- display: inline !important;
499
- border: none !important;
500
- margin: 0 !important;
501
- }
502
- .remirror-editor.ProseMirror-hideselection *::-moz-selection {
503
- background: transparent;
504
- color: inherit;
505
- }
506
- .remirror-editor.ProseMirror-hideselection *::selection {
507
- background: transparent;
508
- color: inherit;
509
- }
510
- .remirror-editor.ProseMirror-hideselection *::-moz-selection {
511
- background: transparent;
512
- color: inherit;
513
- }
514
- .remirror-editor.ProseMirror-hideselection {
515
- caret-color: transparent;
516
- }
517
- .remirror-editor .ProseMirror-selectednode {
518
- outline: 2px solid #8cf;
519
- }
520
- .remirror-editor li.ProseMirror-selectednode {
521
- outline: none;
522
- }
523
- .remirror-editor li.ProseMirror-selectednode:after {
524
- content: "";
525
- position: absolute;
526
- left: -32px;
527
- right: -2px;
528
- top: -2px;
529
- bottom: -2px;
530
- border: 2px solid #8cf;
531
- pointer-events: none;
532
- }
533
- .remirror-editor.ProseMirror blockquote {
534
- border-left: 3px solid var(--rmr-hue-gray-3);
535
- margin-left: 0;
536
- margin-right: 0;
537
- padding-left: 10px;
538
- font-style: italic;
539
- }
540
- .remirror-editor.ProseMirror blockquote p {
541
- color: #888;
542
- }
543
- .remirror-editor div[data-callout-type] {
544
- display: flex;
545
- margin-left: 0;
546
- margin-right: 0;
547
- padding: 10px;
548
- border-left: 2px solid transparent;
549
- }
550
- .remirror-editor div[data-callout-type] > :not(.remirror-callout-emoji-wrapper) {
551
- margin-left: 8px;
552
- flex-grow: 1;
553
- }
554
- .remirror-editor div[data-callout-type=info] {
555
- background: #eef6fc;
556
- border-left-color: #3298dc;
557
- }
558
- .remirror-editor div[data-callout-type=warning] {
559
- background: #fffbeb;
560
- border-left-color: #ffdd57;
561
- }
562
- .remirror-editor div[data-callout-type=error] {
563
- background: #feecf0;
564
- border-left-color: #f14668;
565
- }
566
- .remirror-editor div[data-callout-type=success] {
567
- background: #effaf3;
568
- border-left-color: #48c774;
569
- }
570
- .remirror-editor div[data-callout-type=blank] {
571
- background: #f8f8f8;
572
- }
573
- .remirror-wrap {
574
- white-space: pre-wrap !important;
575
- }
576
- .remirror-a11y-dark code[class*=language-],
577
- .remirror-a11y-dark pre[class*=language-] {
578
- color: #f8f8f2;
579
- background: none;
580
- font-family:
581
- Consolas,
582
- Monaco,
583
- "Andale Mono",
584
- "Ubuntu Mono",
585
- monospace;
586
- text-align: left;
587
- white-space: pre;
588
- word-spacing: normal;
589
- word-break: normal;
590
- word-wrap: normal;
591
- line-height: 1.5;
592
- -moz-tab-size: 4;
593
- tab-size: 4;
594
- -webkit-hyphens: none;
595
- -ms-hyphens: none;
596
- hyphens: none;
597
- }
598
- .remirror-a11y-dark pre[class*=language-] {
599
- padding: 1em;
600
- margin: 0.5em 0;
601
- overflow: auto;
602
- border-radius: 0.3em;
603
- }
604
- .remirror-a11y-dark :not(pre) > code[class*=language-],
605
- .remirror-a11y-dark pre[class*=language-] {
606
- background: #2b2b2b;
607
- }
608
- .remirror-a11y-dark :not(pre) > code[class*=language-] {
609
- padding: 0.1em;
610
- border-radius: 0.3em;
611
- white-space: normal;
612
- }
613
- .remirror-a11y-dark .token.comment,
614
- .remirror-a11y-dark .token.prolog,
615
- .remirror-a11y-dark .token.doctype,
616
- .remirror-a11y-dark .token.cdata {
617
- color: #d4d0ab;
618
- }
619
- .remirror-a11y-dark .token.punctuation,
620
- .remirror-a11y-dark .token.punctuation.important {
621
- color: #fefefe;
622
- }
623
- .remirror-a11y-dark .token.property,
624
- .remirror-a11y-dark .token.tag,
625
- .remirror-a11y-dark .token.constant,
626
- .remirror-a11y-dark .token.symbol,
627
- .remirror-a11y-dark .token.deleted {
628
- color: #ffa07a;
629
- }
630
- .remirror-a11y-dark .token.boolean,
631
- .remirror-a11y-dark .token.number {
632
- color: #00e0e0;
633
- }
634
- .remirror-a11y-dark .token.selector,
635
- .remirror-a11y-dark .token.attr-name,
636
- .remirror-a11y-dark .token.string,
637
- .remirror-a11y-dark .token.char,
638
- .remirror-a11y-dark .token.builtin,
639
- .remirror-a11y-dark .token.inserted {
640
- color: #abe338;
641
- }
642
- .remirror-a11y-dark .token.operator,
643
- .remirror-a11y-dark .token.entity,
644
- .remirror-a11y-dark .token.url,
645
- .remirror-a11y-dark .language-css .token.string,
646
- .remirror-a11y-dark .style .token.string,
647
- .remirror-a11y-dark .token.variable {
648
- color: #00e0e0;
649
- }
650
- .remirror-a11y-dark .token.atrule,
651
- .remirror-a11y-dark .token.attr-value,
652
- .remirror-a11y-dark .token.function {
653
- color: #ffd700;
654
- }
655
- .remirror-a11y-dark .token.keyword {
656
- color: #00e0e0;
657
- }
658
- .remirror-a11y-dark .token.regex,
659
- .remirror-a11y-dark .token.important {
660
- color: #ffd700;
661
- }
662
- .remirror-a11y-dark .token.important,
663
- .remirror-a11y-dark .token.bold {
664
- font-weight: bold;
665
- }
666
- .remirror-a11y-dark .token.italic {
667
- font-style: italic;
668
- }
669
- .remirror-a11y-dark .token.entity {
670
- cursor: help;
6
+ border-width: 0;
7
+ border-style: solid;
8
+ border-color: #ededed;
671
9
  }
672
- @media screen and (-ms-high-contrast: active) {
673
- .remirror-a11y-dark code[class*=language-],
674
- .remirror-a11y-dark pre[class*=language-] {
675
- color: windowText;
676
- background: window;
677
- }
678
- .remirror-a11y-dark :not(pre) > code[class*=language-],
679
- .remirror-a11y-dark pre[class*=language-] {
680
- background: window;
681
- }
682
- .remirror-a11y-dark .token.important {
683
- background: highlight;
684
- color: window;
685
- font-weight: normal;
686
- }
687
- .remirror-a11y-dark .token.atrule,
688
- .remirror-a11y-dark .token.attr-value,
689
- .remirror-a11y-dark .token.function,
690
- .remirror-a11y-dark .token.keyword,
691
- .remirror-a11y-dark .token.operator,
692
- .remirror-a11y-dark .token.selector {
693
- font-weight: bold;
694
- }
695
- .remirror-a11y-dark .token.attr-value,
696
- .remirror-a11y-dark .token.comment,
697
- .remirror-a11y-dark .token.doctype,
698
- .remirror-a11y-dark .token.function,
699
- .remirror-a11y-dark .token.keyword,
700
- .remirror-a11y-dark .token.operator,
701
- .remirror-a11y-dark .token.property,
702
- .remirror-a11y-dark .token.string {
703
- color: highlight;
704
- }
705
- .remirror-a11y-dark .token.attr-value,
706
- .remirror-a11y-dark .token.url {
707
- font-weight: normal;
708
- }
10
+ .squiz-fte-scope ::before,
11
+ .squiz-fte-scope ::after {
12
+ --tw-content: "";
709
13
  }
710
- .remirror-atom-dark code[class*=language-],
711
- .remirror-atom-dark pre[class*=language-] {
712
- color: #c5c8c6;
713
- text-shadow: 0 1px rgba(0, 0, 0, 0.3);
714
- font-family:
715
- Inconsolata,
716
- Monaco,
717
- Consolas,
718
- "Courier New",
719
- Courier,
720
- monospace;
721
- direction: ltr;
722
- text-align: left;
723
- white-space: pre;
724
- word-spacing: normal;
725
- word-break: normal;
14
+ .squiz-fte-scope html {
726
15
  line-height: 1.5;
16
+ -webkit-text-size-adjust: 100%;
727
17
  -moz-tab-size: 4;
18
+ -o-tab-size: 4;
728
19
  tab-size: 4;
729
- -webkit-hyphens: none;
730
- -ms-hyphens: none;
731
- hyphens: none;
732
- }
733
- .remirror-atom-dark pre[class*=language-] {
734
- padding: 1em;
735
- margin: 0.5em 0;
736
- overflow: auto;
737
- border-radius: 0.3em;
738
- }
739
- .remirror-atom-dark :not(pre) > code[class*=language-],
740
- .remirror-atom-dark pre[class*=language-] {
741
- background: #1d1f21;
742
- }
743
- .remirror-atom-dark :not(pre) > code[class*=language-] {
744
- padding: 0.1em;
745
- border-radius: 0.3em;
746
- }
747
- .remirror-atom-dark .token.comment,
748
- .remirror-atom-dark .token.prolog,
749
- .remirror-atom-dark .token.doctype,
750
- .remirror-atom-dark .token.cdata {
751
- color: #7c7c7c;
752
- }
753
- .remirror-atom-dark .token.punctuation,
754
- .remirror-atom-dark .token.punctuation.important {
755
- color: #c5c8c6;
756
- }
757
- .remirror-atom-dark .namespace {
758
- opacity: 0.7;
759
- }
760
- .remirror-atom-dark .token.property,
761
- .remirror-atom-dark .token.keyword,
762
- .remirror-atom-dark .token.tag {
763
- color: #96cbfe;
764
- }
765
- .remirror-atom-dark .token.class-name {
766
- color: #ffffb6;
767
- text-decoration: underline;
768
- }
769
- .remirror-atom-dark .token.boolean,
770
- .remirror-atom-dark .token.constant {
771
- color: #99cc99;
772
- }
773
- .remirror-atom-dark .token.symbol,
774
- .remirror-atom-dark .token.deleted {
775
- color: #f92672;
776
- }
777
- .remirror-atom-dark .token.number {
778
- color: #ff73fd;
779
- }
780
- .remirror-atom-dark .token.selector,
781
- .remirror-atom-dark .token.attr-name,
782
- .remirror-atom-dark .token.string,
783
- .remirror-atom-dark .token.char,
784
- .remirror-atom-dark .token.builtin,
785
- .remirror-atom-dark .token.inserted {
786
- color: #a8ff60;
787
- }
788
- .remirror-atom-dark .token.variable {
789
- color: #c6c5fe;
790
- }
791
- .remirror-atom-dark .token.operator {
792
- color: #ededed;
793
- }
794
- .remirror-atom-dark .token.entity {
795
- color: #ffffb6;
796
- }
797
- .remirror-atom-dark .token.url {
798
- color: #96cbfe;
799
- }
800
- .remirror-atom-dark .language-css .token.string,
801
- .remirror-atom-dark .style .token.string {
802
- color: #87c38a;
803
- }
804
- .remirror-atom-dark .token.atrule,
805
- .remirror-atom-dark .token.attr-value {
806
- color: #f9ee98;
807
- }
808
- .remirror-atom-dark .token.function {
809
- color: #dad085;
810
- }
811
- .remirror-atom-dark .token.regex {
812
- color: #e9c062;
813
- }
814
- .remirror-atom-dark .token.important {
815
- color: #fd971f;
816
- }
817
- .remirror-atom-dark .token.important,
818
- .remirror-atom-dark .token.bold {
819
- font-weight: bold;
820
- }
821
- .remirror-atom-dark .token.italic {
822
- font-style: italic;
823
- }
824
- .remirror-atom-dark .token.entity {
825
- cursor: help;
826
- }
827
- .remirror-base16-ateliersulphurpool-light code[class*=language-],
828
- .remirror-base16-ateliersulphurpool-light pre[class*=language-] {
829
- font-family:
830
- Consolas,
831
- Menlo,
832
- Monaco,
833
- "Andale Mono WT",
834
- "Andale Mono",
835
- "Lucida Console",
836
- "Lucida Sans Typewriter",
837
- "DejaVu Sans Mono",
838
- "Bitstream Vera Sans Mono",
839
- "Liberation Mono",
840
- "Nimbus Mono L",
841
- "Courier New",
842
- Courier,
843
- monospace;
844
- font-size: 14px;
845
- line-height: 1.375;
846
- direction: ltr;
847
- text-align: left;
848
- white-space: pre;
849
- word-spacing: normal;
850
- word-break: normal;
851
- -moz-tab-size: 4;
852
- tab-size: 4;
853
- -webkit-hyphens: none;
854
- -ms-hyphens: none;
855
- hyphens: none;
856
- background: #f5f7ff;
857
- color: #5e6687;
858
- }
859
- .remirror-base16-ateliersulphurpool-light pre[class*=language-]::-moz-selection,
860
- .remirror-base16-ateliersulphurpool-light pre[class*=language-] ::-moz-selection,
861
- .remirror-base16-ateliersulphurpool-light code[class*=language-]::-moz-selection,
862
- .remirror-base16-ateliersulphurpool-light code[class*=language-] ::-moz-selection {
863
- text-shadow: none;
864
- background: #dfe2f1;
865
- }
866
- .remirror-base16-ateliersulphurpool-light pre[class*=language-]::-moz-selection,
867
- .remirror-base16-ateliersulphurpool-light pre[class*=language-] ::-moz-selection,
868
- .remirror-base16-ateliersulphurpool-light code[class*=language-]::-moz-selection,
869
- .remirror-base16-ateliersulphurpool-light code[class*=language-] ::-moz-selection {
870
- text-shadow: none;
871
- background: #dfe2f1;
872
- }
873
- .remirror-base16-ateliersulphurpool-light pre[class*=language-]::selection,
874
- .remirror-base16-ateliersulphurpool-light pre[class*=language-] ::selection,
875
- .remirror-base16-ateliersulphurpool-light code[class*=language-]::selection,
876
- .remirror-base16-ateliersulphurpool-light code[class*=language-] ::selection {
877
- text-shadow: none;
878
- background: #dfe2f1;
879
- }
880
- .remirror-base16-ateliersulphurpool-light pre[class*=language-] {
881
- padding: 1em;
882
- margin: 0.5em 0;
883
- overflow: auto;
884
- }
885
- .remirror-base16-ateliersulphurpool-light :not(pre) > code[class*=language-] {
886
- padding: 0.1em;
887
- border-radius: 0.3em;
888
- }
889
- .remirror-base16-ateliersulphurpool-light .token.comment,
890
- .remirror-base16-ateliersulphurpool-light .token.prolog,
891
- .remirror-base16-ateliersulphurpool-light .token.doctype,
892
- .remirror-base16-ateliersulphurpool-light .token.cdata {
893
- color: #898ea4;
894
- }
895
- .remirror-base16-ateliersulphurpool-light .token.punctuation,
896
- .remirror-base16-ateliersulphurpool-light .token.punctuation.important {
897
- color: #5e6687;
898
- }
899
- .remirror-base16-ateliersulphurpool-light .token.namespace {
900
- opacity: 0.7;
901
- }
902
- .remirror-base16-ateliersulphurpool-light .token.operator,
903
- .remirror-base16-ateliersulphurpool-light .token.boolean,
904
- .remirror-base16-ateliersulphurpool-light .token.number {
905
- color: #c76b29;
906
- }
907
- .remirror-base16-ateliersulphurpool-light .token.property {
908
- color: #c08b30;
909
- }
910
- .remirror-base16-ateliersulphurpool-light .token.tag {
911
- color: #3d8fd1;
912
- }
913
- .remirror-base16-ateliersulphurpool-light .token.string {
914
- color: #22a2c9;
915
- }
916
- .remirror-base16-ateliersulphurpool-light .token.selector {
917
- color: #6679cc;
918
- }
919
- .remirror-base16-ateliersulphurpool-light .token.attr-name {
920
- color: #c76b29;
921
- }
922
- .remirror-base16-ateliersulphurpool-light .token.entity,
923
- .remirror-base16-ateliersulphurpool-light .token.url,
924
- .remirror-base16-ateliersulphurpool-light .language-css .token.string,
925
- .remirror-base16-ateliersulphurpool-light .style .token.string {
926
- color: #22a2c9;
927
- }
928
- .remirror-base16-ateliersulphurpool-light .token.attr-value,
929
- .remirror-base16-ateliersulphurpool-light .token.keyword,
930
- .remirror-base16-ateliersulphurpool-light .token.control,
931
- .remirror-base16-ateliersulphurpool-light .token.directive,
932
- .remirror-base16-ateliersulphurpool-light .token.unit {
933
- color: #ac9739;
934
- }
935
- .remirror-base16-ateliersulphurpool-light .token.statement,
936
- .remirror-base16-ateliersulphurpool-light .token.regex,
937
- .remirror-base16-ateliersulphurpool-light .token.atrule {
938
- color: #22a2c9;
939
- }
940
- .remirror-base16-ateliersulphurpool-light .token.placeholder,
941
- .remirror-base16-ateliersulphurpool-light .token.variable {
942
- color: #3d8fd1;
943
- }
944
- .remirror-base16-ateliersulphurpool-light .token.deleted {
945
- text-decoration: line-through;
946
- }
947
- .remirror-base16-ateliersulphurpool-light .token.inserted {
948
- border-bottom: 1px dotted #202746;
949
- text-decoration: none;
950
- }
951
- .remirror-base16-ateliersulphurpool-light .token.italic {
952
- font-style: italic;
953
- }
954
- .remirror-base16-ateliersulphurpool-light .token.important,
955
- .remirror-base16-ateliersulphurpool-light .token.bold {
956
- font-weight: bold;
957
- }
958
- .remirror-base16-ateliersulphurpool-light .token.important {
959
- color: #c94922;
960
- }
961
- .remirror-base16-ateliersulphurpool-light .token.entity {
962
- cursor: help;
963
- }
964
- .remirror-base16-ateliersulphurpool-light pre > code.highlight {
965
- outline: 0.4em solid #c94922;
966
- outline-offset: 0.4em;
967
- }
968
- .remirror-base16-ateliersulphurpool-light .line-numbers .line-numbers-rows {
969
- border-right-color: #dfe2f1;
970
- }
971
- .remirror-base16-ateliersulphurpool-light .line-numbers-rows > span:before {
972
- color: #979db4;
973
- }
974
- .remirror-base16-ateliersulphurpool-light .line-highlight {
975
- background: rgba(107, 115, 148, 0.2);
976
- background: linear-gradient(to right, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0));
977
- }
978
- .remirror-cb code[class*=language-],
979
- .remirror-cb pre[class*=language-] {
980
- color: #fff;
981
- text-shadow: 0 1px 1px #000;
982
20
  font-family:
983
- Menlo,
984
- Monaco,
985
- "Courier New",
986
- monospace;
987
- direction: ltr;
988
- text-align: left;
989
- word-spacing: normal;
990
- white-space: pre;
991
- word-wrap: normal;
992
- line-height: 1.4;
993
- background: none;
994
- border: 0;
995
- -moz-tab-size: 4;
996
- tab-size: 4;
997
- -webkit-hyphens: none;
998
- -ms-hyphens: none;
999
- hyphens: none;
1000
- }
1001
- .remirror-cb pre[class*=language-] code {
1002
- float: left;
1003
- padding: 0 15px 0 0;
1004
- }
1005
- .remirror-cb pre[class*=language-],
1006
- .remirror-cb :not(pre) > code[class*=language-] {
1007
- background: #222;
1008
- }
1009
- .remirror-cb pre[class*=language-] {
1010
- padding: 15px;
1011
- margin: 1em 0;
1012
- overflow: auto;
1013
- border-radius: 8px;
1014
- }
1015
- .remirror-cb :not(pre) > code[class*=language-] {
1016
- padding: 5px 10px;
1017
- line-height: 1;
1018
- border-radius: 3px;
1019
- }
1020
- .remirror-cb .token.comment,
1021
- .remirror-cb .token.prolog,
1022
- .remirror-cb .token.doctype,
1023
- .remirror-cb .token.cdata {
1024
- color: #797979;
1025
- }
1026
- .remirror-cb .token.selector,
1027
- .remirror-cb .token.operator,
1028
- .remirror-cb .token.punctuation,
1029
- .remirror-cb .token.punctuation.important {
1030
- color: #fff;
1031
- }
1032
- .remirror-cb .token.namespace {
1033
- opacity: 0.7;
1034
- }
1035
- .remirror-cb .token.tag,
1036
- .remirror-cb .token.boolean {
1037
- color: #ffd893;
1038
- }
1039
- .remirror-cb .token.atrule,
1040
- .remirror-cb .token.attr-value,
1041
- .remirror-cb .token.hex,
1042
- .remirror-cb .token.string {
1043
- color: #b0c975;
1044
- }
1045
- .remirror-cb .token.property,
1046
- .remirror-cb .token.entity,
1047
- .remirror-cb .token.url,
1048
- .remirror-cb .token.attr-name,
1049
- .remirror-cb .token.keyword {
1050
- color: #c27628;
1051
- }
1052
- .remirror-cb .token.regex {
1053
- color: #9b71c6;
1054
- }
1055
- .remirror-cb .token.entity {
1056
- cursor: help;
1057
- }
1058
- .remirror-cb .token.function,
1059
- .remirror-cb .token.constant {
1060
- color: #e5a638;
1061
- }
1062
- .remirror-cb .token.variable {
1063
- color: #fdfba8;
1064
- }
1065
- .remirror-cb .token.number {
1066
- color: #8799b0;
1067
- }
1068
- .remirror-cb .token.important,
1069
- .remirror-cb .token.deliminator {
1070
- color: #e45734;
1071
- }
1072
- .remirror-cb pre[data-line] {
1073
- position: relative;
1074
- padding: 1em 0 1em 3em;
1075
- }
1076
- .remirror-cb .line-highlight {
1077
- position: absolute;
1078
- left: 0;
1079
- right: 0;
1080
- margin-top: 1em;
1081
- background: rgba(255, 255, 255, 0.2);
1082
- pointer-events: none;
1083
- line-height: inherit;
1084
- white-space: pre;
1085
- }
1086
- .remirror-cb .line-highlight:before,
1087
- .remirror-cb .line-highlight[data-end]:after {
1088
- content: attr(data-start);
1089
- position: absolute;
1090
- top: 0.3em;
1091
- left: 0.6em;
1092
- min-width: 1em;
1093
- padding: 0 0.5em;
1094
- background-color: rgba(255, 255, 255, 0.3);
1095
- color: #fff;
1096
- font: bold 65%/1.5 sans-serif;
1097
- text-align: center;
1098
- border-radius: 8px;
1099
- text-shadow: none;
1100
- }
1101
- .remirror-cb .line-highlight[data-end]:after {
1102
- content: attr(data-end);
1103
- top: auto;
1104
- bottom: 0.4em;
1105
- }
1106
- .remirror-cb .line-numbers-rows {
21
+ ui-sans-serif,
22
+ system-ui,
23
+ -apple-system,
24
+ BlinkMacSystemFont,
25
+ "Segoe UI",
26
+ Roboto,
27
+ "Helvetica Neue",
28
+ Arial,
29
+ "Noto Sans",
30
+ sans-serif,
31
+ "Apple Color Emoji",
32
+ "Segoe UI Emoji",
33
+ "Segoe UI Symbol",
34
+ "Noto Color Emoji";
35
+ font-feature-settings: normal;
36
+ }
37
+ .squiz-fte-scope body {
1107
38
  margin: 0;
39
+ line-height: inherit;
1108
40
  }
1109
- .remirror-cb .line-numbers-rows span {
1110
- padding-right: 10px;
1111
- border-right: 3px #d9d336 solid;
1112
- }
1113
- .remirror-darcula code[class*=language-],
1114
- .remirror-darcula pre[class*=language-] {
1115
- color: #a9b7c6;
1116
- font-family:
1117
- Consolas,
1118
- Monaco,
1119
- "Andale Mono",
1120
- monospace;
1121
- direction: ltr;
1122
- text-align: left;
1123
- white-space: pre;
1124
- word-spacing: normal;
1125
- word-break: normal;
1126
- line-height: 1.5;
1127
- -moz-tab-size: 4;
1128
- tab-size: 4;
1129
- -webkit-hyphens: none;
1130
- -ms-hyphens: none;
1131
- hyphens: none;
1132
- }
1133
- .remirror-darcula pre[class*=language-]::-moz-selection,
1134
- .remirror-darcula pre[class*=language-] ::-moz-selection,
1135
- .remirror-darcula code[class*=language-]::-moz-selection,
1136
- .remirror-darcula code[class*=language-] ::-moz-selection {
1137
- color: inherit;
1138
- background: rgba(33, 66, 131, 0.85);
1139
- }
1140
- .remirror-darcula pre[class*=language-]::-moz-selection,
1141
- .remirror-darcula pre[class*=language-] ::-moz-selection,
1142
- .remirror-darcula code[class*=language-]::-moz-selection,
1143
- .remirror-darcula code[class*=language-] ::-moz-selection {
1144
- color: inherit;
1145
- background: rgba(33, 66, 131, 0.85);
1146
- }
1147
- .remirror-darcula pre[class*=language-]::selection,
1148
- .remirror-darcula pre[class*=language-] ::selection,
1149
- .remirror-darcula code[class*=language-]::selection,
1150
- .remirror-darcula code[class*=language-] ::selection {
1151
- color: inherit;
1152
- background: rgba(33, 66, 131, 0.85);
1153
- }
1154
- .remirror-darcula pre[class*=language-] {
1155
- padding: 1em;
1156
- margin: 0.5em 0;
1157
- overflow: auto;
1158
- }
1159
- .remirror-darcula :not(pre) > code[class*=language-],
1160
- .remirror-darcula pre[class*=language-] {
1161
- background: #2b2b2b;
1162
- }
1163
- .remirror-darcula :not(pre) > code[class*=language-] {
1164
- padding: 0.1em;
1165
- border-radius: 0.3em;
1166
- }
1167
- .remirror-darcula .token.comment,
1168
- .remirror-darcula .token.prolog,
1169
- .remirror-darcula .token.cdata {
1170
- color: #808080;
1171
- }
1172
- .remirror-darcula .token.delimiter,
1173
- .remirror-darcula .token.boolean,
1174
- .remirror-darcula .token.keyword,
1175
- .remirror-darcula .token.selector,
1176
- .remirror-darcula .token.important,
1177
- .remirror-darcula .token.atrule {
1178
- color: #cc7832;
1179
- }
1180
- .remirror-darcula .token.operator,
1181
- .remirror-darcula .token.punctuation,
1182
- .remirror-darcula .token.attr-name {
1183
- color: #a9b7c6;
1184
- }
1185
- .remirror-darcula .token.tag,
1186
- .remirror-darcula .token.tag .punctuation,
1187
- .remirror-darcula .token.doctype,
1188
- .remirror-darcula .token.builtin {
1189
- color: #e8bf6a;
1190
- }
1191
- .remirror-darcula .token.entity,
1192
- .remirror-darcula .token.number,
1193
- .remirror-darcula .token.symbol {
1194
- color: #6897bb;
1195
- }
1196
- .remirror-darcula .token.property,
1197
- .remirror-darcula .token.constant,
1198
- .remirror-darcula .token.variable {
1199
- color: #9876aa;
1200
- }
1201
- .remirror-darcula .token.string,
1202
- .remirror-darcula .token.char {
1203
- color: #6a8759;
1204
- }
1205
- .remirror-darcula .token.attr-value,
1206
- .remirror-darcula .token.attr-value .punctuation {
1207
- color: #a5c261;
1208
- }
1209
- .remirror-darcula .token.attr-value .punctuation:first-of-type {
1210
- color: #a9b7c6;
1211
- }
1212
- .remirror-darcula .token.url {
1213
- color: #287bde;
1214
- text-decoration: underline;
1215
- }
1216
- .remirror-darcula .token.function {
1217
- color: #ffc66d;
1218
- }
1219
- .remirror-darcula .token.regex {
1220
- background: #364135;
1221
- }
1222
- .remirror-darcula .token.bold {
1223
- font-weight: bold;
1224
- }
1225
- .remirror-darcula .token.italic {
1226
- font-style: italic;
1227
- }
1228
- .remirror-darcula .token.inserted {
1229
- background: #294436;
1230
- }
1231
- .remirror-darcula .token.deleted {
1232
- background: #484a4a;
1233
- }
1234
- .remirror-darcula code.language-css .token.property,
1235
- .remirror-darcula code.language-css .token.property + .token.punctuation,
1236
- .remirror-darcula .token.punctuation.important {
1237
- color: #a9b7c6;
1238
- }
1239
- .remirror-darcula code.language-css .token.id {
1240
- color: #ffc66d;
1241
- }
1242
- .remirror-darcula code.language-css .token.selector > .token.class,
1243
- .remirror-darcula code.language-css .token.selector > .token.attribute,
1244
- .remirror-darcula code.language-css .token.selector > .token.pseudo-class,
1245
- .remirror-darcula code.language-css .token.selector > .token.pseudo-element {
1246
- color: #ffc66d;
1247
- }
1248
- .remirror-dracula code[class*=language-],
1249
- .remirror-dracula pre[class*=language-] {
1250
- color: #f8f8f2;
1251
- background: none;
1252
- text-shadow: 0 1px rgba(0, 0, 0, 0.3);
1253
- font-family:
1254
- Consolas,
1255
- Monaco,
1256
- "Andale Mono",
1257
- "Ubuntu Mono",
1258
- monospace;
1259
- text-align: left;
1260
- white-space: pre;
1261
- word-spacing: normal;
1262
- word-break: normal;
1263
- word-wrap: normal;
1264
- line-height: 1.5;
1265
- -moz-tab-size: 4;
1266
- tab-size: 4;
1267
- -webkit-hyphens: none;
1268
- -ms-hyphens: none;
1269
- hyphens: none;
1270
- }
1271
- .remirror-dracula pre[class*=language-] {
1272
- padding: 1em;
1273
- margin: 0.5em 0;
1274
- overflow: auto;
1275
- border-radius: 0.3em;
1276
- }
1277
- .remirror-dracula :not(pre) > code[class*=language-],
1278
- .remirror-dracula pre[class*=language-] {
1279
- background: #282a36;
1280
- }
1281
- .remirror-dracula :not(pre) > code[class*=language-] {
1282
- padding: 0.1em;
1283
- border-radius: 0.3em;
1284
- white-space: normal;
1285
- }
1286
- .remirror-dracula .token.comment,
1287
- .remirror-dracula .token.prolog,
1288
- .remirror-dracula .token.doctype,
1289
- .remirror-dracula .token.cdata {
1290
- color: #6272a4;
1291
- }
1292
- .remirror-dracula .token.punctuation,
1293
- .remirror-dracula .token.punctuation.important {
1294
- color: #f8f8f2;
1295
- }
1296
- .remirror-dracula .namespace {
1297
- opacity: 0.7;
1298
- }
1299
- .remirror-dracula .token.property,
1300
- .remirror-dracula .token.tag,
1301
- .remirror-dracula .token.constant,
1302
- .remirror-dracula .token.symbol,
1303
- .remirror-dracula .token.deleted {
1304
- color: #ff79c6;
1305
- }
1306
- .remirror-dracula .token.boolean,
1307
- .remirror-dracula .token.number {
1308
- color: #bd93f9;
1309
- }
1310
- .remirror-dracula .token.selector,
1311
- .remirror-dracula .token.attr-name,
1312
- .remirror-dracula .token.string,
1313
- .remirror-dracula .token.char,
1314
- .remirror-dracula .token.builtin,
1315
- .remirror-dracula .token.inserted {
1316
- color: #50fa7b;
1317
- }
1318
- .remirror-dracula .token.operator,
1319
- .remirror-dracula .token.entity,
1320
- .remirror-dracula .token.url,
1321
- .remirror-dracula .language-css .token.string,
1322
- .remirror-dracula .style .token.string,
1323
- .remirror-dracula .token.variable {
1324
- color: #f8f8f2;
1325
- }
1326
- .remirror-dracula .token.atrule,
1327
- .remirror-dracula .token.attr-value,
1328
- .remirror-dracula .token.function,
1329
- .remirror-dracula .token.class-name {
1330
- color: #f1fa8c;
1331
- }
1332
- .remirror-dracula .token.keyword {
1333
- color: #8be9fd;
1334
- }
1335
- .remirror-dracula .token.regex,
1336
- .remirror-dracula .token.important {
1337
- color: #ffb86c;
1338
- }
1339
- .remirror-dracula .token.important,
1340
- .remirror-dracula .token.bold {
1341
- font-weight: bold;
1342
- }
1343
- .remirror-dracula .token.italic {
1344
- font-style: italic;
1345
- }
1346
- .remirror-dracula .token.entity {
1347
- cursor: help;
1348
- }
1349
- .remirror-duotone-dark code[class*=language-],
1350
- .remirror-duotone-dark pre[class*=language-] {
1351
- font-family:
1352
- Consolas,
1353
- Menlo,
1354
- Monaco,
1355
- "Andale Mono WT",
1356
- "Andale Mono",
1357
- "Lucida Console",
1358
- "Lucida Sans Typewriter",
1359
- "DejaVu Sans Mono",
1360
- "Bitstream Vera Sans Mono",
1361
- "Liberation Mono",
1362
- "Nimbus Mono L",
1363
- "Courier New",
1364
- Courier,
1365
- monospace;
1366
- font-size: 14px;
1367
- line-height: 1.375;
1368
- direction: ltr;
1369
- text-align: left;
1370
- white-space: pre;
1371
- word-spacing: normal;
1372
- word-break: normal;
1373
- -moz-tab-size: 4;
1374
- tab-size: 4;
1375
- -webkit-hyphens: none;
1376
- -ms-hyphens: none;
1377
- hyphens: none;
1378
- background: #2a2734;
1379
- color: #9a86fd;
1380
- }
1381
- .remirror-duotone-dark pre[class*=language-]::-moz-selection,
1382
- .remirror-duotone-dark pre[class*=language-] ::-moz-selection,
1383
- .remirror-duotone-dark code[class*=language-]::-moz-selection,
1384
- .remirror-duotone-dark code[class*=language-] ::-moz-selection {
1385
- text-shadow: none;
1386
- background: #6a51e6;
1387
- }
1388
- .remirror-duotone-dark pre[class*=language-]::-moz-selection,
1389
- .remirror-duotone-dark pre[class*=language-] ::-moz-selection,
1390
- .remirror-duotone-dark code[class*=language-]::-moz-selection,
1391
- .remirror-duotone-dark code[class*=language-] ::-moz-selection {
1392
- text-shadow: none;
1393
- background: #6a51e6;
1394
- }
1395
- .remirror-duotone-dark pre[class*=language-]::selection,
1396
- .remirror-duotone-dark pre[class*=language-] ::selection,
1397
- .remirror-duotone-dark code[class*=language-]::selection,
1398
- .remirror-duotone-dark code[class*=language-] ::selection {
1399
- text-shadow: none;
1400
- background: #6a51e6;
1401
- }
1402
- .remirror-duotone-dark pre[class*=language-] {
1403
- padding: 1em;
1404
- margin: 0.5em 0;
1405
- overflow: auto;
1406
- }
1407
- .remirror-duotone-dark :not(pre) > code[class*=language-] {
1408
- padding: 0.1em;
1409
- border-radius: 0.3em;
1410
- }
1411
- .remirror-duotone-dark .token.comment,
1412
- .remirror-duotone-dark .token.prolog,
1413
- .remirror-duotone-dark .token.doctype,
1414
- .remirror-duotone-dark .token.cdata {
1415
- color: #6c6783;
1416
- }
1417
- .remirror-duotone-dark .token.punctuation,
1418
- .remirror-duotone-dark .token.punctuation.important {
1419
- color: #6c6783;
1420
- }
1421
- .remirror-duotone-dark .token.namespace {
1422
- opacity: 0.7;
1423
- }
1424
- .remirror-duotone-dark .token.tag,
1425
- .remirror-duotone-dark .token.operator,
1426
- .remirror-duotone-dark .token.number {
1427
- color: #e09142;
1428
- }
1429
- .remirror-duotone-dark .token.property,
1430
- .remirror-duotone-dark .token.function {
1431
- color: #9a86fd;
1432
- }
1433
- .remirror-duotone-dark .token.tag-id,
1434
- .remirror-duotone-dark .token.selector,
1435
- .remirror-duotone-dark .token.atrule-id {
1436
- color: #eeebff;
1437
- }
1438
- .remirror-duotone-dark code.language-javascript,
1439
- .remirror-duotone-dark .token.attr-name {
1440
- color: #c4b9fe;
1441
- }
1442
- .remirror-duotone-dark code.language-css,
1443
- .remirror-duotone-dark code.language-scss,
1444
- .remirror-duotone-dark .token.boolean,
1445
- .remirror-duotone-dark .token.string,
1446
- .remirror-duotone-dark .token.entity,
1447
- .remirror-duotone-dark .token.url,
1448
- .remirror-duotone-dark .language-css .token.string,
1449
- .remirror-duotone-dark .language-scss .token.string,
1450
- .remirror-duotone-dark .style .token.string,
1451
- .remirror-duotone-dark .token.attr-value,
1452
- .remirror-duotone-dark .token.keyword,
1453
- .remirror-duotone-dark .token.control,
1454
- .remirror-duotone-dark .token.directive,
1455
- .remirror-duotone-dark .token.unit,
1456
- .remirror-duotone-dark .token.statement,
1457
- .remirror-duotone-dark .token.regex,
1458
- .remirror-duotone-dark .token.atrule {
1459
- color: #ffcc99;
1460
- }
1461
- .remirror-duotone-dark .token.placeholder,
1462
- .remirror-duotone-dark .token.variable {
1463
- color: #ffcc99;
1464
- }
1465
- .remirror-duotone-dark .token.deleted {
1466
- text-decoration: line-through;
1467
- }
1468
- .remirror-duotone-dark .token.inserted {
1469
- border-bottom: 1px dotted #eeebff;
1470
- text-decoration: none;
1471
- }
1472
- .remirror-duotone-dark .token.italic {
1473
- font-style: italic;
1474
- }
1475
- .remirror-duotone-dark .token.important,
1476
- .remirror-duotone-dark .token.bold {
1477
- font-weight: bold;
1478
- }
1479
- .remirror-duotone-dark .token.important {
1480
- color: #c4b9fe;
1481
- }
1482
- .remirror-duotone-dark .token.entity {
1483
- cursor: help;
1484
- }
1485
- .remirror-duotone-dark pre > code.highlight {
1486
- outline: 0.4em solid #8a75f5;
1487
- outline-offset: 0.4em;
1488
- }
1489
- .remirror-duotone-dark .line-numbers .line-numbers-rows {
1490
- border-right-color: #2c2937;
1491
- }
1492
- .remirror-duotone-dark .line-numbers-rows > span:before {
1493
- color: #3c3949;
1494
- }
1495
- .remirror-duotone-dark .line-highlight {
1496
- background: rgba(224, 145, 66, 0.2);
1497
- background: linear-gradient(to right, rgba(224, 145, 66, 0.2) 70%, rgba(224, 145, 66, 0));
1498
- }
1499
- .remirror-duotone-earth code[class*=language-],
1500
- .remirror-duotone-earth pre[class*=language-] {
1501
- font-family:
1502
- Consolas,
1503
- Menlo,
1504
- Monaco,
1505
- "Andale Mono WT",
1506
- "Andale Mono",
1507
- "Lucida Console",
1508
- "Lucida Sans Typewriter",
1509
- "DejaVu Sans Mono",
1510
- "Bitstream Vera Sans Mono",
1511
- "Liberation Mono",
1512
- "Nimbus Mono L",
1513
- "Courier New",
1514
- Courier,
1515
- monospace;
1516
- font-size: 14px;
1517
- line-height: 1.375;
1518
- direction: ltr;
1519
- text-align: left;
1520
- white-space: pre;
1521
- word-spacing: normal;
1522
- word-break: normal;
1523
- -moz-tab-size: 4;
1524
- tab-size: 4;
1525
- -webkit-hyphens: none;
1526
- -ms-hyphens: none;
1527
- hyphens: none;
1528
- background: #322d29;
1529
- color: #88786d;
1530
- }
1531
- .remirror-duotone-earth pre[class*=language-]::-moz-selection,
1532
- .remirror-duotone-earth pre[class*=language-] ::-moz-selection,
1533
- .remirror-duotone-earth code[class*=language-]::-moz-selection,
1534
- .remirror-duotone-earth code[class*=language-] ::-moz-selection {
1535
- text-shadow: none;
1536
- background: #6f5849;
1537
- }
1538
- .remirror-duotone-earth pre[class*=language-]::-moz-selection,
1539
- .remirror-duotone-earth pre[class*=language-] ::-moz-selection,
1540
- .remirror-duotone-earth code[class*=language-]::-moz-selection,
1541
- .remirror-duotone-earth code[class*=language-] ::-moz-selection {
1542
- text-shadow: none;
1543
- background: #6f5849;
1544
- }
1545
- .remirror-duotone-earth pre[class*=language-]::selection,
1546
- .remirror-duotone-earth pre[class*=language-] ::selection,
1547
- .remirror-duotone-earth code[class*=language-]::selection,
1548
- .remirror-duotone-earth code[class*=language-] ::selection {
1549
- text-shadow: none;
1550
- background: #6f5849;
1551
- }
1552
- .remirror-duotone-earth pre[class*=language-] {
1553
- padding: 1em;
1554
- margin: 0.5em 0;
1555
- overflow: auto;
1556
- }
1557
- .remirror-duotone-earth :not(pre) > code[class*=language-] {
1558
- padding: 0.1em;
1559
- border-radius: 0.3em;
1560
- }
1561
- .remirror-duotone-earth .token.comment,
1562
- .remirror-duotone-earth .token.prolog,
1563
- .remirror-duotone-earth .token.doctype,
1564
- .remirror-duotone-earth .token.cdata {
1565
- color: #6a5f58;
1566
- }
1567
- .remirror-duotone-earth .token.punctuation,
1568
- .remirror-duotone-earth .token.punctuation.important {
1569
- color: #6a5f58;
1570
- }
1571
- .remirror-duotone-earth .token.namespace {
1572
- opacity: 0.7;
1573
- }
1574
- .remirror-duotone-earth .token.tag,
1575
- .remirror-duotone-earth .token.operator,
1576
- .remirror-duotone-earth .token.number {
1577
- color: #bfa05a;
1578
- }
1579
- .remirror-duotone-earth .token.property,
1580
- .remirror-duotone-earth .token.function {
1581
- color: #88786d;
1582
- }
1583
- .remirror-duotone-earth .token.tag-id,
1584
- .remirror-duotone-earth .token.selector,
1585
- .remirror-duotone-earth .token.atrule-id {
1586
- color: #fff3eb;
1587
- }
1588
- .remirror-duotone-earth code.language-javascript,
1589
- .remirror-duotone-earth .token.attr-name {
1590
- color: #a48774;
1591
- }
1592
- .remirror-duotone-earth code.language-css,
1593
- .remirror-duotone-earth code.language-scss,
1594
- .remirror-duotone-earth .token.boolean,
1595
- .remirror-duotone-earth .token.string,
1596
- .remirror-duotone-earth .token.entity,
1597
- .remirror-duotone-earth .token.url,
1598
- .remirror-duotone-earth .language-css .token.string,
1599
- .remirror-duotone-earth .language-scss .token.string,
1600
- .remirror-duotone-earth .style .token.string,
1601
- .remirror-duotone-earth .token.attr-value,
1602
- .remirror-duotone-earth .token.keyword,
1603
- .remirror-duotone-earth .token.control,
1604
- .remirror-duotone-earth .token.directive,
1605
- .remirror-duotone-earth .token.unit,
1606
- .remirror-duotone-earth .token.statement,
1607
- .remirror-duotone-earth .token.regex,
1608
- .remirror-duotone-earth .token.atrule {
1609
- color: #fcc440;
1610
- }
1611
- .remirror-duotone-earth .token.placeholder,
1612
- .remirror-duotone-earth .token.variable {
1613
- color: #fcc440;
1614
- }
1615
- .remirror-duotone-earth .token.deleted {
1616
- text-decoration: line-through;
1617
- }
1618
- .remirror-duotone-earth .token.inserted {
1619
- border-bottom: 1px dotted #fff3eb;
1620
- text-decoration: none;
1621
- }
1622
- .remirror-duotone-earth .token.italic {
1623
- font-style: italic;
1624
- }
1625
- .remirror-duotone-earth .token.important,
1626
- .remirror-duotone-earth .token.bold {
1627
- font-weight: bold;
1628
- }
1629
- .remirror-duotone-earth .token.important {
1630
- color: #a48774;
1631
- }
1632
- .remirror-duotone-earth .token.entity {
1633
- cursor: help;
1634
- }
1635
- .remirror-duotone-earth pre > code.highlight {
1636
- outline: 0.4em solid #816d5f;
1637
- outline-offset: 0.4em;
1638
- }
1639
- .remirror-duotone-earth .line-numbers .line-numbers-rows {
1640
- border-right-color: #35302b;
1641
- }
1642
- .remirror-duotone-earth .line-numbers-rows > span:before {
1643
- color: #46403d;
1644
- }
1645
- .remirror-duotone-earth .line-highlight {
1646
- background: rgba(191, 160, 90, 0.2);
1647
- background: linear-gradient(to right, rgba(191, 160, 90, 0.2) 70%, rgba(191, 160, 90, 0));
1648
- }
1649
- .remirror-duotone-forest code[class*=language-],
1650
- .remirror-duotone-forest pre[class*=language-] {
1651
- font-family:
1652
- Consolas,
1653
- Menlo,
1654
- Monaco,
1655
- "Andale Mono WT",
1656
- "Andale Mono",
1657
- "Lucida Console",
1658
- "Lucida Sans Typewriter",
1659
- "DejaVu Sans Mono",
1660
- "Bitstream Vera Sans Mono",
1661
- "Liberation Mono",
1662
- "Nimbus Mono L",
1663
- "Courier New",
1664
- Courier,
1665
- monospace;
1666
- font-size: 14px;
1667
- line-height: 1.375;
1668
- direction: ltr;
1669
- text-align: left;
1670
- white-space: pre;
1671
- word-spacing: normal;
1672
- word-break: normal;
1673
- -moz-tab-size: 4;
1674
- tab-size: 4;
1675
- -webkit-hyphens: none;
1676
- -ms-hyphens: none;
1677
- hyphens: none;
1678
- background: #2a2d2a;
1679
- color: #687d68;
1680
- }
1681
- .remirror-duotone-forest pre[class*=language-]::-moz-selection,
1682
- .remirror-duotone-forest pre[class*=language-] ::-moz-selection,
1683
- .remirror-duotone-forest code[class*=language-]::-moz-selection,
1684
- .remirror-duotone-forest code[class*=language-] ::-moz-selection {
1685
- text-shadow: none;
1686
- background: #435643;
1687
- }
1688
- .remirror-duotone-forest pre[class*=language-]::-moz-selection,
1689
- .remirror-duotone-forest pre[class*=language-] ::-moz-selection,
1690
- .remirror-duotone-forest code[class*=language-]::-moz-selection,
1691
- .remirror-duotone-forest code[class*=language-] ::-moz-selection {
1692
- text-shadow: none;
1693
- background: #435643;
1694
- }
1695
- .remirror-duotone-forest pre[class*=language-]::selection,
1696
- .remirror-duotone-forest pre[class*=language-] ::selection,
1697
- .remirror-duotone-forest code[class*=language-]::selection,
1698
- .remirror-duotone-forest code[class*=language-] ::selection {
1699
- text-shadow: none;
1700
- background: #435643;
1701
- }
1702
- .remirror-duotone-forest pre[class*=language-] {
1703
- padding: 1em;
1704
- margin: 0.5em 0;
1705
- overflow: auto;
1706
- }
1707
- .remirror-duotone-forest :not(pre) > code[class*=language-] {
1708
- padding: 0.1em;
1709
- border-radius: 0.3em;
1710
- }
1711
- .remirror-duotone-forest .token.comment,
1712
- .remirror-duotone-forest .token.prolog,
1713
- .remirror-duotone-forest .token.doctype,
1714
- .remirror-duotone-forest .token.cdata {
1715
- color: #535f53;
1716
- }
1717
- .remirror-duotone-forest .token.punctuation,
1718
- .remirror-duotone-forest .token.punctuation.important {
1719
- color: #535f53;
1720
- }
1721
- .remirror-duotone-forest .token.namespace {
1722
- opacity: 0.7;
1723
- }
1724
- .remirror-duotone-forest .token.tag,
1725
- .remirror-duotone-forest .token.operator,
1726
- .remirror-duotone-forest .token.number {
1727
- color: #a2b34d;
1728
- }
1729
- .remirror-duotone-forest .token.property,
1730
- .remirror-duotone-forest .token.function {
1731
- color: #687d68;
1732
- }
1733
- .remirror-duotone-forest .token.tag-id,
1734
- .remirror-duotone-forest .token.selector,
1735
- .remirror-duotone-forest .token.atrule-id {
1736
- color: #f0fff0;
1737
- }
1738
- .remirror-duotone-forest code.language-javascript,
1739
- .remirror-duotone-forest .token.attr-name {
1740
- color: #b3d6b3;
1741
- }
1742
- .remirror-duotone-forest code.language-css,
1743
- .remirror-duotone-forest code.language-scss,
1744
- .remirror-duotone-forest .token.boolean,
1745
- .remirror-duotone-forest .token.string,
1746
- .remirror-duotone-forest .token.entity,
1747
- .remirror-duotone-forest .token.url,
1748
- .remirror-duotone-forest .language-css .token.string,
1749
- .remirror-duotone-forest .language-scss .token.string,
1750
- .remirror-duotone-forest .style .token.string,
1751
- .remirror-duotone-forest .token.attr-value,
1752
- .remirror-duotone-forest .token.keyword,
1753
- .remirror-duotone-forest .token.control,
1754
- .remirror-duotone-forest .token.directive,
1755
- .remirror-duotone-forest .token.unit,
1756
- .remirror-duotone-forest .token.statement,
1757
- .remirror-duotone-forest .token.regex,
1758
- .remirror-duotone-forest .token.atrule {
1759
- color: #e5fb79;
1760
- }
1761
- .remirror-duotone-forest .token.placeholder,
1762
- .remirror-duotone-forest .token.variable {
1763
- color: #e5fb79;
1764
- }
1765
- .remirror-duotone-forest .token.deleted {
1766
- text-decoration: line-through;
1767
- }
1768
- .remirror-duotone-forest .token.inserted {
1769
- border-bottom: 1px dotted #f0fff0;
1770
- text-decoration: none;
1771
- }
1772
- .remirror-duotone-forest .token.italic {
1773
- font-style: italic;
1774
- }
1775
- .remirror-duotone-forest .token.important,
1776
- .remirror-duotone-forest .token.bold {
1777
- font-weight: bold;
1778
- }
1779
- .remirror-duotone-forest .token.important {
1780
- color: #b3d6b3;
1781
- }
1782
- .remirror-duotone-forest .token.entity {
1783
- cursor: help;
1784
- }
1785
- .remirror-duotone-forest pre > code.highlight {
1786
- outline: 0.4em solid #5c705c;
1787
- outline-offset: 0.4em;
1788
- }
1789
- .remirror-duotone-forest .line-numbers .line-numbers-rows {
1790
- border-right-color: #2c302c;
1791
- }
1792
- .remirror-duotone-forest .line-numbers-rows > span:before {
1793
- color: #3b423b;
1794
- }
1795
- .remirror-duotone-forest .line-highlight {
1796
- background: rgba(162, 179, 77, 0.2);
1797
- background: linear-gradient(to right, rgba(162, 179, 77, 0.2) 70%, rgba(162, 179, 77, 0));
1798
- }
1799
- .remirror-duotone-light code[class*=language-],
1800
- .remirror-duotone-light pre[class*=language-] {
1801
- font-family:
1802
- Consolas,
1803
- Menlo,
1804
- Monaco,
1805
- "Andale Mono WT",
1806
- "Andale Mono",
1807
- "Lucida Console",
1808
- "Lucida Sans Typewriter",
1809
- "DejaVu Sans Mono",
1810
- "Bitstream Vera Sans Mono",
1811
- "Liberation Mono",
1812
- "Nimbus Mono L",
1813
- "Courier New",
1814
- Courier,
1815
- monospace;
1816
- font-size: 14px;
1817
- line-height: 1.375;
1818
- direction: ltr;
1819
- text-align: left;
1820
- white-space: pre;
1821
- word-spacing: normal;
1822
- word-break: normal;
1823
- -moz-tab-size: 4;
1824
- tab-size: 4;
1825
- -webkit-hyphens: none;
1826
- -ms-hyphens: none;
1827
- hyphens: none;
1828
- background: #faf8f5;
1829
- color: #728fcb;
1830
- }
1831
- .remirror-duotone-light pre[class*=language-]::-moz-selection,
1832
- .remirror-duotone-light pre[class*=language-] ::-moz-selection,
1833
- .remirror-duotone-light code[class*=language-]::-moz-selection,
1834
- .remirror-duotone-light code[class*=language-] ::-moz-selection {
1835
- text-shadow: none;
1836
- background: #faf8f5;
1837
- }
1838
- .remirror-duotone-light pre[class*=language-]::-moz-selection,
1839
- .remirror-duotone-light pre[class*=language-] ::-moz-selection,
1840
- .remirror-duotone-light code[class*=language-]::-moz-selection,
1841
- .remirror-duotone-light code[class*=language-] ::-moz-selection {
1842
- text-shadow: none;
1843
- background: #faf8f5;
1844
- }
1845
- .remirror-duotone-light pre[class*=language-]::selection,
1846
- .remirror-duotone-light pre[class*=language-] ::selection,
1847
- .remirror-duotone-light code[class*=language-]::selection,
1848
- .remirror-duotone-light code[class*=language-] ::selection {
1849
- text-shadow: none;
1850
- background: #faf8f5;
1851
- }
1852
- .remirror-duotone-light pre[class*=language-] {
1853
- padding: 1em;
1854
- margin: 0.5em 0;
1855
- overflow: auto;
1856
- }
1857
- .remirror-duotone-light :not(pre) > code[class*=language-] {
1858
- padding: 0.1em;
1859
- border-radius: 0.3em;
1860
- }
1861
- .remirror-duotone-light .token.comment,
1862
- .remirror-duotone-light .token.prolog,
1863
- .remirror-duotone-light .token.doctype,
1864
- .remirror-duotone-light .token.cdata {
1865
- color: #b6ad9a;
1866
- }
1867
- .remirror-duotone-light .token.punctuation,
1868
- .remirror-duotone-light .token.punctuation.important {
1869
- color: #b6ad9a;
1870
- }
1871
- .remirror-duotone-light .token.namespace {
1872
- opacity: 0.7;
1873
- }
1874
- .remirror-duotone-light .token.tag,
1875
- .remirror-duotone-light .token.operator,
1876
- .remirror-duotone-light .token.number {
1877
- color: #063289;
1878
- }
1879
- .remirror-duotone-light .token.property,
1880
- .remirror-duotone-light .token.function {
1881
- color: #b29762;
1882
- }
1883
- .remirror-duotone-light .token.tag-id,
1884
- .remirror-duotone-light .token.selector,
1885
- .remirror-duotone-light .token.atrule-id {
1886
- color: #2d2006;
1887
- }
1888
- .remirror-duotone-light code.language-javascript,
1889
- .remirror-duotone-light .token.attr-name {
1890
- color: #896724;
1891
- }
1892
- .remirror-duotone-light code.language-css,
1893
- .remirror-duotone-light code.language-scss,
1894
- .remirror-duotone-light .token.boolean,
1895
- .remirror-duotone-light .token.string,
1896
- .remirror-duotone-light .token.entity,
1897
- .remirror-duotone-light .token.url,
1898
- .remirror-duotone-light .language-css .token.string,
1899
- .remirror-duotone-light .language-scss .token.string,
1900
- .remirror-duotone-light .style .token.string,
1901
- .remirror-duotone-light .token.attr-value,
1902
- .remirror-duotone-light .token.keyword,
1903
- .remirror-duotone-light .token.control,
1904
- .remirror-duotone-light .token.directive,
1905
- .remirror-duotone-light .token.unit,
1906
- .remirror-duotone-light .token.statement,
1907
- .remirror-duotone-light .token.regex,
1908
- .remirror-duotone-light .token.atrule {
1909
- color: #728fcb;
1910
- }
1911
- .remirror-duotone-light .token.placeholder,
1912
- .remirror-duotone-light .token.variable {
1913
- color: #93abdc;
1914
- }
1915
- .remirror-duotone-light .token.deleted {
1916
- text-decoration: line-through;
1917
- }
1918
- .remirror-duotone-light .token.inserted {
1919
- border-bottom: 1px dotted #2d2006;
1920
- text-decoration: none;
1921
- }
1922
- .remirror-duotone-light .token.italic {
1923
- font-style: italic;
1924
- }
1925
- .remirror-duotone-light .token.important,
1926
- .remirror-duotone-light .token.bold {
1927
- font-weight: bold;
1928
- }
1929
- .remirror-duotone-light .token.important {
1930
- color: #896724;
1931
- }
1932
- .remirror-duotone-light .token.entity {
1933
- cursor: help;
1934
- }
1935
- .remirror-duotone-light pre > code.highlight {
1936
- outline: 0.4em solid #896724;
1937
- outline-offset: 0.4em;
1938
- }
1939
- .remirror-duotone-light .line-numbers .line-numbers-rows {
1940
- border-right-color: #ece8de;
1941
- }
1942
- .remirror-duotone-light .line-numbers-rows > span:before {
1943
- color: #cdc4b1;
1944
- }
1945
- .remirror-duotone-light .line-highlight {
1946
- background: rgba(45, 32, 6, 0.2);
1947
- background: linear-gradient(to right, rgba(45, 32, 6, 0.2) 70%, rgba(45, 32, 6, 0));
1948
- }
1949
- .remirror-duotone-sea code[class*=language-],
1950
- .remirror-duotone-sea pre[class*=language-] {
1951
- font-family:
1952
- Consolas,
1953
- Menlo,
1954
- Monaco,
1955
- "Andale Mono WT",
1956
- "Andale Mono",
1957
- "Lucida Console",
1958
- "Lucida Sans Typewriter",
1959
- "DejaVu Sans Mono",
1960
- "Bitstream Vera Sans Mono",
1961
- "Liberation Mono",
1962
- "Nimbus Mono L",
1963
- "Courier New",
1964
- Courier,
1965
- monospace;
1966
- font-size: 14px;
1967
- line-height: 1.375;
1968
- direction: ltr;
1969
- text-align: left;
1970
- white-space: pre;
1971
- word-spacing: normal;
1972
- word-break: normal;
1973
- -moz-tab-size: 4;
1974
- tab-size: 4;
1975
- -webkit-hyphens: none;
1976
- -ms-hyphens: none;
1977
- hyphens: none;
1978
- background: #1d262f;
1979
- color: #57718e;
1980
- }
1981
- .remirror-duotone-sea pre[class*=language-]::-moz-selection,
1982
- .remirror-duotone-sea pre[class*=language-] ::-moz-selection,
1983
- .remirror-duotone-sea code[class*=language-]::-moz-selection,
1984
- .remirror-duotone-sea code[class*=language-] ::-moz-selection {
1985
- text-shadow: none;
1986
- background: #004a9e;
1987
- }
1988
- .remirror-duotone-sea pre[class*=language-]::-moz-selection,
1989
- .remirror-duotone-sea pre[class*=language-] ::-moz-selection,
1990
- .remirror-duotone-sea code[class*=language-]::-moz-selection,
1991
- .remirror-duotone-sea code[class*=language-] ::-moz-selection {
1992
- text-shadow: none;
1993
- background: #004a9e;
1994
- }
1995
- .remirror-duotone-sea pre[class*=language-]::selection,
1996
- .remirror-duotone-sea pre[class*=language-] ::selection,
1997
- .remirror-duotone-sea code[class*=language-]::selection,
1998
- .remirror-duotone-sea code[class*=language-] ::selection {
1999
- text-shadow: none;
2000
- background: #004a9e;
2001
- }
2002
- .remirror-duotone-sea pre[class*=language-] {
2003
- padding: 1em;
2004
- margin: 0.5em 0;
2005
- overflow: auto;
2006
- }
2007
- .remirror-duotone-sea :not(pre) > code[class*=language-] {
2008
- padding: 0.1em;
2009
- border-radius: 0.3em;
2010
- }
2011
- .remirror-duotone-sea .token.comment,
2012
- .remirror-duotone-sea .token.prolog,
2013
- .remirror-duotone-sea .token.doctype,
2014
- .remirror-duotone-sea .token.cdata {
2015
- color: #4a5f78;
2016
- }
2017
- .remirror-duotone-sea .token.punctuation,
2018
- .remirror-duotone-sea .token.punctuation.important {
2019
- color: #4a5f78;
2020
- }
2021
- .remirror-duotone-sea .token.namespace {
2022
- opacity: 0.7;
2023
- }
2024
- .remirror-duotone-sea .token.tag,
2025
- .remirror-duotone-sea .token.operator,
2026
- .remirror-duotone-sea .token.number {
2027
- color: #0aa370;
2028
- }
2029
- .remirror-duotone-sea .token.property,
2030
- .remirror-duotone-sea .token.function {
2031
- color: #57718e;
2032
- }
2033
- .remirror-duotone-sea .token.tag-id,
2034
- .remirror-duotone-sea .token.selector,
2035
- .remirror-duotone-sea .token.atrule-id {
2036
- color: #ebf4ff;
2037
- }
2038
- .remirror-duotone-sea code.language-javascript,
2039
- .remirror-duotone-sea .token.attr-name {
2040
- color: #7eb6f6;
2041
- }
2042
- .remirror-duotone-sea code.language-css,
2043
- .remirror-duotone-sea code.language-scss,
2044
- .remirror-duotone-sea .token.boolean,
2045
- .remirror-duotone-sea .token.string,
2046
- .remirror-duotone-sea .token.entity,
2047
- .remirror-duotone-sea .token.url,
2048
- .remirror-duotone-sea .language-css .token.string,
2049
- .remirror-duotone-sea .language-scss .token.string,
2050
- .remirror-duotone-sea .style .token.string,
2051
- .remirror-duotone-sea .token.attr-value,
2052
- .remirror-duotone-sea .token.keyword,
2053
- .remirror-duotone-sea .token.control,
2054
- .remirror-duotone-sea .token.directive,
2055
- .remirror-duotone-sea .token.unit,
2056
- .remirror-duotone-sea .token.statement,
2057
- .remirror-duotone-sea .token.regex,
2058
- .remirror-duotone-sea .token.atrule {
2059
- color: #47ebb4;
2060
- }
2061
- .remirror-duotone-sea .token.placeholder,
2062
- .remirror-duotone-sea .token.variable {
2063
- color: #47ebb4;
2064
- }
2065
- .remirror-duotone-sea .token.deleted {
2066
- text-decoration: line-through;
2067
- }
2068
- .remirror-duotone-sea .token.inserted {
2069
- border-bottom: 1px dotted #ebf4ff;
2070
- text-decoration: none;
2071
- }
2072
- .remirror-duotone-sea .token.italic {
2073
- font-style: italic;
2074
- }
2075
- .remirror-duotone-sea .token.important,
2076
- .remirror-duotone-sea .token.bold {
2077
- font-weight: bold;
2078
- }
2079
- .remirror-duotone-sea .token.important {
2080
- color: #7eb6f6;
2081
- }
2082
- .remirror-duotone-sea .token.entity {
2083
- cursor: help;
2084
- }
2085
- .remirror-duotone-sea pre > code.highlight {
2086
- outline: 0.4em solid #34659d;
2087
- outline-offset: 0.4em;
2088
- }
2089
- .remirror-duotone-sea .line-numbers .line-numbers-rows {
2090
- border-right-color: #1f2932;
2091
- }
2092
- .remirror-duotone-sea .line-numbers-rows > span:before {
2093
- color: #2c3847;
2094
- }
2095
- .remirror-duotone-sea .line-highlight {
2096
- background: rgba(10, 163, 112, 0.2);
2097
- background: linear-gradient(to right, rgba(10, 163, 112, 0.2) 70%, rgba(10, 163, 112, 0));
2098
- }
2099
- .remirror-duotone-space code[class*=language-],
2100
- .remirror-duotone-space pre[class*=language-] {
2101
- font-family:
2102
- Consolas,
2103
- Menlo,
2104
- Monaco,
2105
- "Andale Mono WT",
2106
- "Andale Mono",
2107
- "Lucida Console",
2108
- "Lucida Sans Typewriter",
2109
- "DejaVu Sans Mono",
2110
- "Bitstream Vera Sans Mono",
2111
- "Liberation Mono",
2112
- "Nimbus Mono L",
2113
- "Courier New",
2114
- Courier,
2115
- monospace;
2116
- font-size: 14px;
2117
- line-height: 1.375;
2118
- direction: ltr;
2119
- text-align: left;
2120
- white-space: pre;
2121
- word-spacing: normal;
2122
- word-break: normal;
2123
- -moz-tab-size: 4;
2124
- tab-size: 4;
2125
- -webkit-hyphens: none;
2126
- -ms-hyphens: none;
2127
- hyphens: none;
2128
- background: #24242e;
2129
- color: #767693;
2130
- }
2131
- .remirror-duotone-space pre[class*=language-]::-moz-selection,
2132
- .remirror-duotone-space pre[class*=language-] ::-moz-selection,
2133
- .remirror-duotone-space code[class*=language-]::-moz-selection,
2134
- .remirror-duotone-space code[class*=language-] ::-moz-selection {
2135
- text-shadow: none;
2136
- background: #5151e6;
2137
- }
2138
- .remirror-duotone-space pre[class*=language-]::-moz-selection,
2139
- .remirror-duotone-space pre[class*=language-] ::-moz-selection,
2140
- .remirror-duotone-space code[class*=language-]::-moz-selection,
2141
- .remirror-duotone-space code[class*=language-] ::-moz-selection {
2142
- text-shadow: none;
2143
- background: #5151e6;
2144
- }
2145
- .remirror-duotone-space pre[class*=language-]::selection,
2146
- .remirror-duotone-space pre[class*=language-] ::selection,
2147
- .remirror-duotone-space code[class*=language-]::selection,
2148
- .remirror-duotone-space code[class*=language-] ::selection {
2149
- text-shadow: none;
2150
- background: #5151e6;
2151
- }
2152
- .remirror-duotone-space pre[class*=language-] {
2153
- padding: 1em;
2154
- margin: 0.5em 0;
2155
- overflow: auto;
2156
- }
2157
- .remirror-duotone-space :not(pre) > code[class*=language-] {
2158
- padding: 0.1em;
2159
- border-radius: 0.3em;
2160
- }
2161
- .remirror-duotone-space .token.comment,
2162
- .remirror-duotone-space .token.prolog,
2163
- .remirror-duotone-space .token.doctype,
2164
- .remirror-duotone-space .token.cdata {
2165
- color: #5b5b76;
2166
- }
2167
- .remirror-duotone-space .token.punctuation,
2168
- .remirror-duotone-space .token.punctuation.important {
2169
- color: #5b5b76;
2170
- }
2171
- .remirror-duotone-space .token.namespace {
2172
- opacity: 0.7;
2173
- }
2174
- .remirror-duotone-space .token.tag,
2175
- .remirror-duotone-space .token.operator,
2176
- .remirror-duotone-space .token.number {
2177
- color: #dd672c;
2178
- }
2179
- .remirror-duotone-space .token.property,
2180
- .remirror-duotone-space .token.function {
2181
- color: #767693;
2182
- }
2183
- .remirror-duotone-space .token.tag-id,
2184
- .remirror-duotone-space .token.selector,
2185
- .remirror-duotone-space .token.atrule-id {
2186
- color: #ebebff;
2187
- }
2188
- .remirror-duotone-space code.language-javascript,
2189
- .remirror-duotone-space .token.attr-name {
2190
- color: #aaaaca;
2191
- }
2192
- .remirror-duotone-space code.language-css,
2193
- .remirror-duotone-space code.language-scss,
2194
- .remirror-duotone-space .token.boolean,
2195
- .remirror-duotone-space .token.string,
2196
- .remirror-duotone-space .token.entity,
2197
- .remirror-duotone-space .token.url,
2198
- .remirror-duotone-space .language-css .token.string,
2199
- .remirror-duotone-space .language-scss .token.string,
2200
- .remirror-duotone-space .style .token.string,
2201
- .remirror-duotone-space .token.attr-value,
2202
- .remirror-duotone-space .token.keyword,
2203
- .remirror-duotone-space .token.control,
2204
- .remirror-duotone-space .token.directive,
2205
- .remirror-duotone-space .token.unit,
2206
- .remirror-duotone-space .token.statement,
2207
- .remirror-duotone-space .token.regex,
2208
- .remirror-duotone-space .token.atrule {
2209
- color: #fe8c52;
2210
- }
2211
- .remirror-duotone-space .token.placeholder,
2212
- .remirror-duotone-space .token.variable {
2213
- color: #fe8c52;
2214
- }
2215
- .remirror-duotone-space .token.deleted {
2216
- text-decoration: line-through;
2217
- }
2218
- .remirror-duotone-space .token.inserted {
2219
- border-bottom: 1px dotted #ebebff;
2220
- text-decoration: none;
2221
- }
2222
- .remirror-duotone-space .token.italic {
2223
- font-style: italic;
2224
- }
2225
- .remirror-duotone-space .token.important,
2226
- .remirror-duotone-space .token.bold {
2227
- font-weight: bold;
2228
- }
2229
- .remirror-duotone-space .token.important {
2230
- color: #aaaaca;
2231
- }
2232
- .remirror-duotone-space .token.entity {
2233
- cursor: help;
2234
- }
2235
- .remirror-duotone-space pre > code.highlight {
2236
- outline: 0.4em solid #7676f4;
2237
- outline-offset: 0.4em;
2238
- }
2239
- .remirror-duotone-space .line-numbers .line-numbers-rows {
2240
- border-right-color: #262631;
2241
- }
2242
- .remirror-duotone-space .line-numbers-rows > span:before {
2243
- color: #393949;
2244
- }
2245
- .remirror-duotone-space .line-highlight {
2246
- background: rgba(221, 103, 44, 0.2);
2247
- background: linear-gradient(to right, rgba(221, 103, 44, 0.2) 70%, rgba(221, 103, 44, 0));
2248
- }
2249
- .remirror-gh-colors code[class*=language-],
2250
- .remirror-gh-colors pre[class*=language-] {
2251
- color: #393a34;
2252
- font-family:
2253
- "Consolas",
2254
- "Bitstream Vera Sans Mono",
2255
- "Courier New",
2256
- Courier,
2257
- monospace;
2258
- direction: ltr;
2259
- text-align: left;
2260
- white-space: pre;
2261
- word-spacing: normal;
2262
- word-break: normal;
2263
- font-size: 0.95em;
2264
- line-height: 1.2em;
2265
- -moz-tab-size: 4;
2266
- tab-size: 4;
2267
- -webkit-hyphens: none;
2268
- -ms-hyphens: none;
2269
- hyphens: none;
2270
- }
2271
- .remirror-gh-colors pre[class*=language-]::-moz-selection,
2272
- .remirror-gh-colors pre[class*=language-] ::-moz-selection,
2273
- .remirror-gh-colors code[class*=language-]::-moz-selection,
2274
- .remirror-gh-colors code[class*=language-] ::-moz-selection {
2275
- background: #b3d4fc;
2276
- }
2277
- .remirror-gh-colors pre[class*=language-]::-moz-selection,
2278
- .remirror-gh-colors pre[class*=language-] ::-moz-selection,
2279
- .remirror-gh-colors code[class*=language-]::-moz-selection,
2280
- .remirror-gh-colors code[class*=language-] ::-moz-selection {
2281
- background: #b3d4fc;
2282
- }
2283
- .remirror-gh-colors pre[class*=language-]::selection,
2284
- .remirror-gh-colors pre[class*=language-] ::selection,
2285
- .remirror-gh-colors code[class*=language-]::selection,
2286
- .remirror-gh-colors code[class*=language-] ::selection {
2287
- background: #b3d4fc;
2288
- }
2289
- .remirror-gh-colors pre[class*=language-] {
2290
- padding: 1em;
2291
- margin: 0.5em 0;
2292
- overflow: auto;
2293
- border: 1px solid #dddddd;
2294
- background-color: white;
2295
- }
2296
- .remirror-gh-colors :not(pre) > code[class*=language-],
2297
- .remirror-gh-colors pre[class*=language-] {
2298
- }
2299
- .remirror-gh-colors :not(pre) > code[class*=language-] {
2300
- padding: 0.2em;
2301
- padding-top: 1px;
2302
- padding-bottom: 1px;
2303
- background: #f8f8f8;
2304
- border: 1px solid #dddddd;
2305
- }
2306
- .remirror-gh-colors .token.comment,
2307
- .remirror-gh-colors .token.prolog,
2308
- .remirror-gh-colors .token.doctype,
2309
- .remirror-gh-colors .token.cdata {
2310
- color: #999988;
2311
- font-style: italic;
2312
- }
2313
- .remirror-gh-colors .token.namespace {
2314
- opacity: 0.7;
2315
- }
2316
- .remirror-gh-colors .token.string,
2317
- .remirror-gh-colors .token.attr-value {
2318
- color: #e3116c;
2319
- }
2320
- .remirror-gh-colors .token.punctuation,
2321
- .remirror-gh-colors .token.operator {
2322
- color: #393a34;
2323
- }
2324
- .remirror-gh-colors .token.entity,
2325
- .remirror-gh-colors .token.url,
2326
- .remirror-gh-colors .token.symbol,
2327
- .remirror-gh-colors .token.number,
2328
- .remirror-gh-colors .token.boolean,
2329
- .remirror-gh-colors .token.variable,
2330
- .remirror-gh-colors .token.constant,
2331
- .remirror-gh-colors .token.property,
2332
- .remirror-gh-colors .token.regex,
2333
- .remirror-gh-colors .token.inserted {
2334
- color: #36acaa;
2335
- }
2336
- .remirror-gh-colors .token.atrule,
2337
- .remirror-gh-colors .token.keyword,
2338
- .remirror-gh-colors .token.attr-name,
2339
- .remirror-gh-colors .language-autohotkey .token.selector {
2340
- color: #00a4db;
2341
- }
2342
- .remirror-gh-colors .token.function,
2343
- .remirror-gh-colors .token.deleted,
2344
- .remirror-gh-colors .language-autohotkey .token.tag {
2345
- color: #9a050f;
2346
- }
2347
- .remirror-gh-colors .token.tag,
2348
- .remirror-gh-colors .token.selector,
2349
- .remirror-gh-colors .language-autohotkey .token.keyword {
2350
- color: #00009f;
2351
- }
2352
- .remirror-gh-colors .token.important,
2353
- .remirror-gh-colors .token.function,
2354
- .remirror-gh-colors .token.bold {
2355
- font-weight: bold;
2356
- }
2357
- .remirror-gh-colors .token.italic {
2358
- font-style: italic;
2359
- }
2360
- .remirror-hopscotch code[class*=language-],
2361
- .remirror-hopscotch pre[class*=language-] {
2362
- color: #ffffff;
2363
- font-family:
2364
- "Fira Mono",
2365
- Menlo,
2366
- Monaco,
2367
- "Lucida Console",
2368
- "Courier New",
2369
- Courier,
2370
- monospace;
2371
- font-size: 16px;
2372
- line-height: 1.375;
2373
- direction: ltr;
2374
- text-align: left;
2375
- word-spacing: normal;
2376
- -moz-tab-size: 4;
2377
- tab-size: 4;
2378
- -webkit-hyphens: none;
2379
- -ms-hyphens: none;
2380
- hyphens: none;
2381
- white-space: pre;
2382
- white-space: pre-wrap;
2383
- word-break: break-all;
2384
- word-wrap: break-word;
2385
- background: #322931;
2386
- color: #b9b5b8;
2387
- }
2388
- .remirror-hopscotch pre[class*=language-] {
2389
- padding: 1em;
2390
- margin: 0.5em 0;
2391
- overflow: auto;
2392
- }
2393
- .remirror-hopscotch :not(pre) > code[class*=language-] {
2394
- padding: 0.1em;
2395
- border-radius: 0.3em;
2396
- }
2397
- .remirror-hopscotch .token.comment,
2398
- .remirror-hopscotch .token.prolog,
2399
- .remirror-hopscotch .token.doctype,
2400
- .remirror-hopscotch .token.cdata {
2401
- color: #797379;
2402
- }
2403
- .remirror-hopscotch .token.punctuation,
2404
- .remirror-hopscotch .token.punctuation.important {
2405
- color: #b9b5b8;
2406
- }
2407
- .remirror-hopscotch .namespace {
2408
- opacity: 0.7;
2409
- }
2410
- .remirror-hopscotch .token.null,
2411
- .remirror-hopscotch .token.operator,
2412
- .remirror-hopscotch .token.boolean,
2413
- .remirror-hopscotch .token.number {
2414
- color: #fd8b19;
2415
- }
2416
- .remirror-hopscotch .token.property {
2417
- color: #fdcc59;
2418
- }
2419
- .remirror-hopscotch .token.tag {
2420
- color: #1290bf;
2421
- }
2422
- .remirror-hopscotch .token.string {
2423
- color: #149b93;
2424
- }
2425
- .remirror-hopscotch .token.selector {
2426
- color: #c85e7c;
2427
- }
2428
- .remirror-hopscotch .token.attr-name {
2429
- color: #fd8b19;
2430
- }
2431
- .remirror-hopscotch .token.entity,
2432
- .remirror-hopscotch .token.url,
2433
- .remirror-hopscotch .language-css .token.string,
2434
- .remirror-hopscotch .style .token.string {
2435
- color: #149b93;
2436
- }
2437
- .remirror-hopscotch .token.attr-value,
2438
- .remirror-hopscotch .token.keyword,
2439
- .remirror-hopscotch .token.control,
2440
- .remirror-hopscotch .token.directive,
2441
- .remirror-hopscotch .token.unit {
2442
- color: #8fc13e;
2443
- }
2444
- .remirror-hopscotch .token.statement,
2445
- .remirror-hopscotch .token.regex,
2446
- .remirror-hopscotch .token.atrule {
2447
- color: #149b93;
2448
- }
2449
- .remirror-hopscotch .token.placeholder,
2450
- .remirror-hopscotch .token.variable {
2451
- color: #1290bf;
2452
- }
2453
- .remirror-hopscotch .token.important {
2454
- color: #dd464c;
2455
- font-weight: bold;
2456
- }
2457
- .remirror-hopscotch .token.entity {
2458
- cursor: help;
2459
- }
2460
- .remirror-hopscotch pre > code.highlight {
2461
- outline: 0.4em solid red;
2462
- outline-offset: 0.4em;
2463
- }
2464
- .remirror-pojoaque code[class*=language-],
2465
- .remirror-pojoaque pre[class*=language-] {
2466
- -moz-tab-size: 4;
2467
- tab-size: 4;
2468
- -webkit-hyphens: none;
2469
- -ms-hyphens: none;
2470
- hyphens: none;
2471
- white-space: pre;
2472
- white-space: pre-wrap;
2473
- word-break: break-all;
2474
- word-wrap: break-word;
2475
- font-family:
2476
- Menlo,
2477
- Monaco,
2478
- "Courier New",
2479
- monospace;
2480
- font-size: 15px;
2481
- line-height: 1.5;
2482
- color: #dccf8f;
2483
- text-shadow: 0;
2484
- }
2485
- .remirror-pojoaque pre[class*=language-],
2486
- .remirror-pojoaque :not(pre) > code[class*=language-] {
2487
- border-radius: 5px;
2488
- border: 1px solid #000;
2489
- color: #dccf8f;
2490
- background: #181914 url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAMAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQACQYGBgcGCQcHCQ0IBwgNDwsJCQsPEQ4ODw4OERENDg4ODg0RERQUFhQUERoaHBwaGiYmJiYmKysrKysrKysrKwEJCAgJCgkMCgoMDwwODA8TDg4ODhMVDg4PDg4VGhMRERERExoXGhYWFhoXHR0aGh0dJCQjJCQrKysrKysrKysr/8AAEQgAjACMAwEiAAIRAQMRAf/EAF4AAQEBAAAAAAAAAAAAAAAAAAABBwEBAQAAAAAAAAAAAAAAAAAAAAIQAAEDAwIHAQEAAAAAAAAAAADwAREhYaExkUFRcYGxwdHh8REBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AyGFEjHaBS2fDDs2zkhKmBKktb7km+ZwwCnXPkLVmCTMItj6AXFxRS465/BTnkAJvkLkJe+7AKKoi2AtRS2zuAWsCb5GOlBN8gKfmuGHZ8MFqIth3ALmFoFwbwKWyAlTAp17uKqBvgBD8sM4fTjhvAhkzhaRkBMKBrfs7jGPIpzy7gFrAqnC0C0gB0EWwBDW2cBVQwm+QtPpa3wBO3sVvszCnLAhkzgL5/RLf13cLQd8/AGlu0Cb5HTx9KuAEieGJEdcehS3eRTp2ATdt3CpIm+QtZwAhROXFeb7swp/ahaM3kBE/jSIUBc/AWrgBN8uNFAl+b7sAXFxFn2YLUU5Ns7gFX8C4ib+hN8gFWXwK3bZglxEJm+gKdciLPsFV/TClsgJUwKJ5FVA7tvIFrfZhVfGJDcsCKaYgAqv6YRbE+RWOWBtu7+AL3yRalXLyKqAIIfk+zARbDgFyEsncYwJvlgFRW+GEWntIi2P0BooyFxcNr8Ep3+ANLbMO+QyhvbiqdgC0kVvgUUiLYgBS2QtPbiVI1/sgOmG9uO+Y8DW+7jS2zAOnj6O2BndwuIAUtkdRN8gFoK3wwXMQyZwHVbClsuNLd4E3yAUR6FVDBR+BafQGt93LVMxJTv8ABts4CVLhcfYWsCb5kC9/BHdU8CLYFY5bMAd+eX9MGthhpbA1vu4B7+RKkaW2Yq4AQtVBBFsAJU/AuIXBhN8gGWnstefhiZyWvLAEnbYS1uzSFP6Jvn4Baxx70JKkQojLib5AVTey1jjgkKJGO0AKWyOm7N7cSpgSpAdPH0Tfd/gp1z5C1ZgKqN9J2wFxcUUuAFLZAm+QC0Fb4YUVRFsAOvj4KW2dwtYE3yAWk/wS/PLMKfmuGHZ8MAXF/Ja32Yi5haAKWz4Ydm2cSpgU693Atb7km+Zwwh+WGcPpxw3gAkzCLY+iYUDW/Z3Adc/gpzyFrAqnALkJe+7DoItgAtRS2zuKqGE3yAx0oJvkdvYrfZmALURbDuL5/RLf13cAuDeBS2RpbtAm+QFVA3wR+3fUtFHoBDJnC0jIXH0HWsgMY8inPLuOkd9chp4z20ALQLSA8cI9jYAIa2zjzjBd8gRafS1vgiUho/kAKcsCGTOGWvoOpkAtB3z8Hm8x2Ff5ADp4+lXAlIvcmwH/2Q==) repeat left top;
2491
- }
2492
- .remirror-pojoaque pre[class*=language-] {
2493
- padding: 12px;
2494
- overflow: auto;
2495
- }
2496
- .remirror-pojoaque :not(pre) > code[class*=language-] {
2497
- padding: 2px 6px;
2498
- }
2499
- .remirror-pojoaque .token.namespace {
2500
- opacity: 0.7;
2501
- }
2502
- .remirror-pojoaque .token.comment,
2503
- .remirror-pojoaque .token.prolog,
2504
- .remirror-pojoaque .token.doctype,
2505
- .remirror-pojoaque .token.cdata {
2506
- color: #586e75;
2507
- font-style: italic;
2508
- }
2509
- .remirror-pojoaque .token.number,
2510
- .remirror-pojoaque .token.string,
2511
- .remirror-pojoaque .token.char,
2512
- .remirror-pojoaque .token.builtin,
2513
- .remirror-pojoaque .token.inserted {
2514
- color: #468966;
2515
- }
2516
- .remirror-pojoaque .token.attr-name {
2517
- color: #b89859;
2518
- }
2519
- .remirror-pojoaque .token.operator,
2520
- .remirror-pojoaque .token.entity,
2521
- .remirror-pojoaque .token.url,
2522
- .remirror-pojoaque .language-css .token.string,
2523
- .remirror-pojoaque .style .token.string {
2524
- color: #dccf8f;
2525
- }
2526
- .remirror-pojoaque .token.selector,
2527
- .remirror-pojoaque .token.regex {
2528
- color: #859900;
2529
- }
2530
- .remirror-pojoaque .token.atrule,
2531
- .remirror-pojoaque .token.keyword {
2532
- color: #cb4b16;
2533
- }
2534
- .remirror-pojoaque .token.attr-value {
2535
- color: #468966;
2536
- }
2537
- .remirror-pojoaque .token.function,
2538
- .remirror-pojoaque .token.variable,
2539
- .remirror-pojoaque .token.placeholder {
2540
- color: #b58900;
2541
- }
2542
- .remirror-pojoaque .token.property,
2543
- .remirror-pojoaque .token.tag,
2544
- .remirror-pojoaque .token.boolean,
2545
- .remirror-pojoaque .token.number,
2546
- .remirror-pojoaque .token.constant,
2547
- .remirror-pojoaque .token.symbol {
2548
- color: #b89859;
2549
- }
2550
- .remirror-pojoaque .token.tag {
2551
- color: #ffb03b;
2552
- }
2553
- .remirror-pojoaque .token.important,
2554
- .remirror-pojoaque .token.statement,
2555
- .remirror-pojoaque .token.deleted {
2556
- color: #dc322f;
2557
- }
2558
- .remirror-pojoaque .token.punctuation,
2559
- .remirror-pojoaque .token.punctuation.important {
2560
- color: #dccf8f;
2561
- }
2562
- .remirror-pojoaque .token.entity {
2563
- cursor: help;
2564
- }
2565
- .remirror-pojoaque .token.bold {
2566
- font-weight: bold;
2567
- }
2568
- .remirror-pojoaque .token.italic {
2569
- font-style: italic;
2570
- }
2571
- .remirror-vs code[class*=language-],
2572
- .remirror-vs pre[class*=language-] {
2573
- color: #393a34;
2574
- font-family:
2575
- "Consolas",
2576
- "Bitstream Vera Sans Mono",
2577
- "Courier New",
2578
- Courier,
2579
- monospace;
2580
- direction: ltr;
2581
- text-align: left;
2582
- white-space: pre;
2583
- word-spacing: normal;
2584
- word-break: normal;
2585
- font-size: 0.95em;
2586
- line-height: 1.2em;
2587
- -moz-tab-size: 4;
2588
- tab-size: 4;
2589
- -webkit-hyphens: none;
2590
- -ms-hyphens: none;
2591
- hyphens: none;
2592
- }
2593
- .remirror-vs pre[class*=language-]::-moz-selection,
2594
- .remirror-vs pre[class*=language-] ::-moz-selection,
2595
- .remirror-vs code[class*=language-]::-moz-selection,
2596
- .remirror-vs code[class*=language-] ::-moz-selection {
2597
- background: #c1def1;
2598
- }
2599
- .remirror-vs pre[class*=language-]::-moz-selection,
2600
- .remirror-vs pre[class*=language-] ::-moz-selection,
2601
- .remirror-vs code[class*=language-]::-moz-selection,
2602
- .remirror-vs code[class*=language-] ::-moz-selection {
2603
- background: #c1def1;
2604
- }
2605
- .remirror-vs pre[class*=language-]::selection,
2606
- .remirror-vs pre[class*=language-] ::selection,
2607
- .remirror-vs code[class*=language-]::selection,
2608
- .remirror-vs code[class*=language-] ::selection {
2609
- background: #c1def1;
2610
- }
2611
- .remirror-vs pre[class*=language-] {
2612
- padding: 1em;
2613
- margin: 0.5em 0;
2614
- overflow: auto;
2615
- border: 1px solid #dddddd;
2616
- background-color: white;
2617
- }
2618
- .remirror-vs :not(pre) > code[class*=language-] {
2619
- padding: 0.2em;
2620
- padding-top: 1px;
2621
- padding-bottom: 1px;
2622
- background: #f8f8f8;
2623
- border: 1px solid #dddddd;
2624
- }
2625
- .remirror-vs .token.comment,
2626
- .remirror-vs .token.prolog,
2627
- .remirror-vs .token.doctype,
2628
- .remirror-vs .token.cdata {
2629
- color: #008000;
2630
- font-style: italic;
2631
- }
2632
- .remirror-vs .token.namespace {
2633
- opacity: 0.7;
2634
- }
2635
- .remirror-vs .token.string {
2636
- color: #a31515;
2637
- }
2638
- .remirror-vs .token.punctuation,
2639
- .remirror-vs .token.operator {
2640
- color: #393a34;
2641
- }
2642
- .remirror-vs .token.url,
2643
- .remirror-vs .token.symbol,
2644
- .remirror-vs .token.number,
2645
- .remirror-vs .token.boolean,
2646
- .remirror-vs .token.variable,
2647
- .remirror-vs .token.constant,
2648
- .remirror-vs .token.inserted {
2649
- color: #36acaa;
2650
- }
2651
- .remirror-vs .token.atrule,
2652
- .remirror-vs .token.keyword,
2653
- .remirror-vs .token.attr-value,
2654
- .remirror-vs .language-autohotkey .token.selector,
2655
- .remirror-vs .language-json .token.boolean,
2656
- .remirror-vs .language-json .token.number,
2657
- .remirror-vs code[class*=language-css] {
2658
- color: #0000ff;
2659
- }
2660
- .remirror-vs .token.function {
2661
- color: #393a34;
2662
- }
2663
- .remirror-vs .token.deleted,
2664
- .remirror-vs .language-autohotkey .token.tag {
2665
- color: #9a050f;
2666
- }
2667
- .remirror-vs .token.selector,
2668
- .remirror-vs .language-autohotkey .token.keyword {
2669
- color: #00009f;
2670
- }
2671
- .remirror-vs .token.important,
2672
- .remirror-vs .token.bold {
2673
- font-weight: bold;
2674
- }
2675
- .remirror-vs .token.italic {
2676
- font-style: italic;
41
+ .squiz-fte-scope hr {
42
+ height: 0;
43
+ color: inherit;
44
+ border-top-width: 1px;
45
+ }
46
+ .squiz-fte-scope abbr:where([title]) {
47
+ -webkit-text-decoration: underline dotted;
48
+ text-decoration: underline dotted;
49
+ }
50
+ .squiz-fte-scope h1,
51
+ .squiz-fte-scope h2,
52
+ .squiz-fte-scope h3,
53
+ .squiz-fte-scope h4,
54
+ .squiz-fte-scope h5,
55
+ .squiz-fte-scope h6 {
56
+ font-size: inherit;
57
+ font-weight: inherit;
58
+ }
59
+ .squiz-fte-scope a {
60
+ color: inherit;
61
+ text-decoration: inherit;
62
+ }
63
+ .squiz-fte-scope b,
64
+ .squiz-fte-scope strong {
65
+ font-weight: bolder;
2677
66
  }
2678
- .remirror-vs .token.class-name,
2679
- .remirror-vs .language-json .token.property {
2680
- color: #2b91af;
2681
- }
2682
- .remirror-vs .token.tag,
2683
- .remirror-vs .token.selector {
2684
- color: #800000;
2685
- }
2686
- .remirror-vs .token.attr-name,
2687
- .remirror-vs .token.property,
2688
- .remirror-vs .token.regex,
2689
- .remirror-vs .token.entity {
2690
- color: #ff0000;
2691
- }
2692
- .remirror-vs .token.directive.tag .tag {
2693
- background: #ffff00;
2694
- color: #393a34;
2695
- }
2696
- .remirror-vs .line-numbers .line-numbers-rows {
2697
- border-right-color: #a5a5a5;
2698
- }
2699
- .remirror-vs .line-numbers-rows > span:before {
2700
- color: #2b91af;
2701
- }
2702
- .remirror-vs .line-highlight {
2703
- background: rgba(193, 222, 241, 0.2);
2704
- background: linear-gradient(to right, rgba(193, 222, 241, 0.2) 70%, rgba(221, 222, 241, 0));
2705
- }
2706
- .remirror-xonokai code[class*=language-],
2707
- .remirror-xonokai pre[class*=language-] {
2708
- -moz-tab-size: 2;
2709
- tab-size: 2;
2710
- -webkit-hyphens: none;
2711
- -ms-hyphens: none;
2712
- hyphens: none;
2713
- white-space: pre;
2714
- white-space: pre-wrap;
2715
- word-wrap: normal;
67
+ .squiz-fte-scope code,
68
+ .squiz-fte-scope kbd,
69
+ .squiz-fte-scope samp,
70
+ .squiz-fte-scope pre {
2716
71
  font-family:
72
+ ui-monospace,
73
+ SFMono-Regular,
2717
74
  Menlo,
2718
75
  Monaco,
76
+ Consolas,
77
+ "Liberation Mono",
2719
78
  "Courier New",
2720
79
  monospace;
2721
- font-size: 14px;
2722
- color: #76d9e6;
2723
- text-shadow: none;
80
+ font-size: 1em;
2724
81
  }
2725
- .remirror-xonokai pre[class*=language-],
2726
- .remirror-xonokai :not(pre) > code[class*=language-] {
2727
- background: #2a2a2a;
82
+ .squiz-fte-scope small {
83
+ font-size: 80%;
2728
84
  }
2729
- .remirror-xonokai pre[class*=language-] {
2730
- padding: 15px;
2731
- border-radius: 4px;
2732
- border: 1px solid #e1e1e8;
2733
- overflow: auto;
2734
- }
2735
- .remirror-xonokai pre[class*=language-] {
85
+ .squiz-fte-scope sub,
86
+ .squiz-fte-scope sup {
87
+ font-size: 75%;
88
+ line-height: 0;
2736
89
  position: relative;
90
+ vertical-align: baseline;
2737
91
  }
2738
- .remirror-xonokai pre[class*=language-] code {
2739
- white-space: pre;
2740
- display: block;
2741
- }
2742
- .remirror-xonokai :not(pre) > code[class*=language-] {
2743
- padding: 0.15em 0.2em 0.05em;
2744
- border-radius: 0.3em;
2745
- border: 0.13em solid #7a6652;
2746
- box-shadow: 1px 1px 0.3em -0.1em #000 inset;
2747
- }
2748
- .remirror-xonokai .token.namespace {
2749
- opacity: 0.7;
2750
- }
2751
- .remirror-xonokai .token.comment,
2752
- .remirror-xonokai .token.prolog,
2753
- .remirror-xonokai .token.doctype,
2754
- .remirror-xonokai .token.cdata {
2755
- color: #6f705e;
2756
- }
2757
- .remirror-xonokai .token.operator,
2758
- .remirror-xonokai .token.boolean,
2759
- .remirror-xonokai .token.number {
2760
- color: #a77afe;
2761
- }
2762
- .remirror-xonokai .token.attr-name,
2763
- .remirror-xonokai .token.string {
2764
- color: #e6d06c;
2765
- }
2766
- .remirror-xonokai .token.entity,
2767
- .remirror-xonokai .token.url,
2768
- .remirror-xonokai .language-css .token.string,
2769
- .remirror-xonokai .style .token.string {
2770
- color: #e6d06c;
2771
- }
2772
- .remirror-xonokai .token.selector,
2773
- .remirror-xonokai .token.inserted {
2774
- color: #a6e22d;
2775
- }
2776
- .remirror-xonokai .token.atrule,
2777
- .remirror-xonokai .token.attr-value,
2778
- .remirror-xonokai .token.keyword,
2779
- .remirror-xonokai .token.important,
2780
- .remirror-xonokai .token.deleted {
2781
- color: #ef3b7d;
2782
- }
2783
- .remirror-xonokai .token.regex,
2784
- .remirror-xonokai .token.statement {
2785
- color: #76d9e6;
2786
- }
2787
- .remirror-xonokai .token.placeholder,
2788
- .remirror-xonokai .token.variable {
2789
- color: #fff;
2790
- }
2791
- .remirror-xonokai .token.important,
2792
- .remirror-xonokai .token.statement,
2793
- .remirror-xonokai .token.bold {
2794
- font-weight: bold;
2795
- }
2796
- .remirror-xonokai .token.punctuation,
2797
- .remirror-xonokai .token.punctuation.important {
2798
- color: #bebec5;
2799
- }
2800
- .remirror-xonokai .token.entity {
2801
- cursor: help;
2802
- }
2803
- .remirror-xonokai .token.italic {
2804
- font-style: italic;
92
+ .squiz-fte-scope sub {
93
+ bottom: -0.25em;
2805
94
  }
2806
- .remirror-xonokai code.language-markup {
2807
- color: #f9f9f9;
95
+ .squiz-fte-scope sup {
96
+ top: -0.5em;
2808
97
  }
2809
- .remirror-xonokai code.language-markup .token.tag {
2810
- color: #ef3b7d;
98
+ .squiz-fte-scope table {
99
+ text-indent: 0;
100
+ border-color: inherit;
101
+ border-collapse: collapse;
2811
102
  }
2812
- .remirror-xonokai code.language-markup .token.attr-name {
2813
- color: #a6e22d;
103
+ .squiz-fte-scope button,
104
+ .squiz-fte-scope input,
105
+ .squiz-fte-scope optgroup,
106
+ .squiz-fte-scope select,
107
+ .squiz-fte-scope textarea {
108
+ font-family: inherit;
109
+ font-size: 100%;
110
+ font-weight: inherit;
111
+ line-height: inherit;
112
+ color: inherit;
113
+ margin: 0;
114
+ padding: 0;
2814
115
  }
2815
- .remirror-xonokai code.language-markup .token.attr-value {
2816
- color: #e6d06c;
116
+ .squiz-fte-scope button,
117
+ .squiz-fte-scope select {
118
+ text-transform: none;
2817
119
  }
2818
- .remirror-xonokai code.language-markup .token.style,
2819
- .remirror-xonokai code.language-markup .token.script {
2820
- color: #76d9e6;
120
+ .squiz-fte-scope button,
121
+ .squiz-fte-scope [type=button],
122
+ .squiz-fte-scope [type=reset],
123
+ .squiz-fte-scope [type=submit] {
124
+ -webkit-appearance: button;
125
+ background-color: transparent;
126
+ background-image: none;
2821
127
  }
2822
- .remirror-xonokai code.language-markup .token.script .token.keyword {
2823
- color: #76d9e6;
128
+ .squiz-fte-scope :-moz-focusring {
129
+ outline: auto;
2824
130
  }
2825
- .remirror-xonokai pre[class*=language-][data-line] {
2826
- position: relative;
2827
- padding: 1em 0 1em 3em;
131
+ .squiz-fte-scope :-moz-ui-invalid {
132
+ box-shadow: none;
2828
133
  }
2829
- .remirror-xonokai pre[data-line] .line-highlight {
2830
- position: absolute;
2831
- left: 0;
2832
- right: 0;
2833
- padding: 0;
2834
- margin-top: 1em;
2835
- background: rgba(255, 255, 255, 0.08);
2836
- pointer-events: none;
2837
- line-height: inherit;
2838
- white-space: pre;
134
+ .squiz-fte-scope progress {
135
+ vertical-align: baseline;
2839
136
  }
2840
- .remirror-xonokai pre[data-line] .line-highlight:before,
2841
- .remirror-xonokai pre[data-line] .line-highlight[data-end]:after {
2842
- content: attr(data-start);
2843
- position: absolute;
2844
- top: 0.4em;
2845
- left: 0.6em;
2846
- min-width: 1em;
2847
- padding: 0.2em 0.5em;
2848
- background-color: rgba(255, 255, 255, 0.4);
2849
- color: black;
2850
- font: bold 65%/1 sans-serif;
2851
- height: 1em;
2852
- line-height: 1em;
2853
- text-align: center;
2854
- border-radius: 999px;
2855
- text-shadow: none;
2856
- box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
2857
- }
2858
- .remirror-xonokai pre[data-line] .line-highlight[data-end]:after {
2859
- content: attr(data-end);
2860
- top: auto;
2861
- bottom: 0.4em;
2862
- }
2863
- .remirror-editor span.remirror-max-count-exceeded {
2864
- background-color: var(--rmr-hue-red-4);
2865
- }
2866
- .remirror-emoji-image {
2867
- object-fit: contain;
2868
- width: 1.375em;
2869
- height: 1.375em;
2870
- vertical-align: bottom;
2871
- }
2872
- .remirror-emoji-wrapper {
2873
- text-indent: -99999px;
2874
- }
2875
- .remirror-emoji-popup-item {
2876
- padding: 8px;
2877
- text-overflow: ellipsis;
2878
- max-width: 250px;
2879
- width: 250px;
2880
- overflow: hidden;
2881
- white-space: nowrap;
2882
- color: white;
137
+ .squiz-fte-scope ::-webkit-inner-spin-button,
138
+ .squiz-fte-scope ::-webkit-outer-spin-button {
139
+ height: auto;
2883
140
  }
2884
- .remirror-emoji-popup-hovered {
2885
- background-color: var(--rmr-hue-gray-2);
141
+ .squiz-fte-scope [type=search] {
142
+ -webkit-appearance: textfield;
143
+ outline-offset: -2px;
144
+ }
145
+ .squiz-fte-scope ::-webkit-search-decoration {
146
+ -webkit-appearance: none;
147
+ }
148
+ .squiz-fte-scope ::-webkit-file-upload-button {
149
+ -webkit-appearance: button;
150
+ font: inherit;
151
+ }
152
+ .squiz-fte-scope summary {
153
+ display: list-item;
154
+ }
155
+ .squiz-fte-scope blockquote,
156
+ .squiz-fte-scope dl,
157
+ .squiz-fte-scope dd,
158
+ .squiz-fte-scope h1,
159
+ .squiz-fte-scope h2,
160
+ .squiz-fte-scope h3,
161
+ .squiz-fte-scope h4,
162
+ .squiz-fte-scope h5,
163
+ .squiz-fte-scope h6,
164
+ .squiz-fte-scope hr,
165
+ .squiz-fte-scope figure,
166
+ .squiz-fte-scope p,
167
+ .squiz-fte-scope pre {
168
+ margin: 0;
2886
169
  }
2887
- .remirror-emoji-popup-highlight {
2888
- background-color: var(--rmr-hue-gray-3);
170
+ .squiz-fte-scope fieldset {
171
+ margin: 0;
172
+ padding: 0;
2889
173
  }
2890
- .remirror-emoji-popup-wrapper {
2891
- position: absolute;
2892
- width: -webkit-max-content;
2893
- width: -moz-max-content;
2894
- width: max-content;
2895
- padding-top: 8px;
2896
- padding-bottom: 8px;
2897
- margin: 0 auto;
2898
- border-radius: 8px;
2899
- box-shadow: hsla(205, 70%, 15%, 0.25) 0 4px 8px, hsla(205, 70%, 15%, 0.31) 0px 0px 1px;
2900
- background-color: white;
2901
- z-index: 10;
2902
- max-height: 250px;
2903
- overflow-y: scroll;
174
+ .squiz-fte-scope legend {
175
+ padding: 0;
2904
176
  }
2905
- .remirror-emoji-popup-name {
2906
- color: rgb(121, 129, 134);
177
+ .squiz-fte-scope ol,
178
+ .squiz-fte-scope ul,
179
+ .squiz-fte-scope menu {
180
+ list-style: none;
181
+ margin: 0;
182
+ padding: 0;
2907
183
  }
2908
- .remirror-emoji-popup-char {
2909
- font-size: 1.25em;
2910
- padding-right: 5px;
184
+ .squiz-fte-scope textarea {
185
+ resize: vertical;
2911
186
  }
2912
- .remirror-file-root {
2913
- border-radius: 4px;
2914
- padding: 8px 12px;
2915
- background-color: #e8ecf1;
2916
- color: #000;
2917
- margin: 8px auto;
2918
- min-height: 32px;
2919
- width: 100%;
2920
- max-width: 600px;
2921
- display: flex;
2922
- align-items: center;
187
+ .squiz-fte-scope input::-moz-placeholder,
188
+ .squiz-fte-scope textarea::-moz-placeholder {
189
+ opacity: 1;
190
+ color: #BABABA;
2923
191
  }
2924
- .remirror-file-name {
2925
- font-size: 1rem;
2926
- margin-left: 8px;
2927
- white-space: nowrap;
2928
- overflow: hidden;
2929
- text-overflow: ellipsis;
192
+ .squiz-fte-scope input::placeholder,
193
+ .squiz-fte-scope textarea::placeholder {
194
+ opacity: 1;
195
+ color: #BABABA;
2930
196
  }
2931
- .remirror-file-size {
2932
- font-size: 0.8rem;
2933
- margin-left: 8px;
2934
- color: gray;
2935
- white-space: nowrap;
197
+ .squiz-fte-scope button,
198
+ .squiz-fte-scope [role=button] {
199
+ cursor: pointer;
2936
200
  }
2937
- .remirror-file-upload-progress {
2938
- font-size: 0.8rem;
2939
- margin-left: 8px;
2940
- margin-right: 8px;
2941
- color: gray;
2942
- font-family:
2943
- Menlo,
2944
- Monaco,
2945
- "Courier New",
2946
- monospace;
201
+ .squiz-fte-scope :disabled {
202
+ cursor: default;
2947
203
  }
2948
- .remirror-file-error {
2949
- font-size: 0.8rem;
2950
- color: red;
204
+ .squiz-fte-scope img,
205
+ .squiz-fte-scope svg,
206
+ .squiz-fte-scope video,
207
+ .squiz-fte-scope canvas,
208
+ .squiz-fte-scope audio,
209
+ .squiz-fte-scope iframe,
210
+ .squiz-fte-scope embed,
211
+ .squiz-fte-scope object {
212
+ display: block;
213
+ vertical-align: middle;
2951
214
  }
2952
- .remirror-file-icon-button {
2953
- display: flex;
2954
- justify-content: center;
2955
- align-items: center;
2956
- color: #000;
215
+ .squiz-fte-scope img,
216
+ .squiz-fte-scope video {
217
+ max-width: 100%;
218
+ height: auto;
2957
219
  }
2958
- .remirror-editor.ProseMirror .ProseMirror-gapcursor {
220
+ .squiz-fte-scope [hidden] {
2959
221
  display: none;
2960
- pointer-events: none;
2961
- position: absolute;
2962
222
  }
2963
- .remirror-editor.ProseMirror .ProseMirror-gapcursor:after {
2964
- content: "";
2965
- display: block;
2966
- position: absolute;
2967
- top: -2px;
2968
- width: 20px;
2969
- border-top: 1px solid black;
2970
- -webkit-animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
2971
- animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
2972
- }
2973
- @-webkit-keyframes ProseMirror-cursor-blink {
2974
- to {
2975
- visibility: hidden;
2976
- }
223
+ .squiz-fte-scope *,
224
+ .squiz-fte-scope ::before,
225
+ .squiz-fte-scope ::after {
226
+ --tw-border-spacing-x: 0;
227
+ --tw-border-spacing-y: 0;
228
+ --tw-translate-x: 0;
229
+ --tw-translate-y: 0;
230
+ --tw-rotate: 0;
231
+ --tw-skew-x: 0;
232
+ --tw-skew-y: 0;
233
+ --tw-scale-x: 1;
234
+ --tw-scale-y: 1;
235
+ --tw-pan-x: ;
236
+ --tw-pan-y: ;
237
+ --tw-pinch-zoom: ;
238
+ --tw-scroll-snap-strictness: proximity;
239
+ --tw-ordinal: ;
240
+ --tw-slashed-zero: ;
241
+ --tw-numeric-figure: ;
242
+ --tw-numeric-spacing: ;
243
+ --tw-numeric-fraction: ;
244
+ --tw-ring-inset: ;
245
+ --tw-ring-offset-width: 0px;
246
+ --tw-ring-offset-color: #fff;
247
+ --tw-ring-color: rgb(59 130 246 / 0.5);
248
+ --tw-ring-offset-shadow: 0 0 #0000;
249
+ --tw-ring-shadow: 0 0 #0000;
250
+ --tw-shadow: 0 0 #0000;
251
+ --tw-shadow-colored: 0 0 #0000;
252
+ --tw-blur: ;
253
+ --tw-brightness: ;
254
+ --tw-contrast: ;
255
+ --tw-grayscale: ;
256
+ --tw-hue-rotate: ;
257
+ --tw-invert: ;
258
+ --tw-saturate: ;
259
+ --tw-sepia: ;
260
+ --tw-drop-shadow: ;
261
+ --tw-backdrop-blur: ;
262
+ --tw-backdrop-brightness: ;
263
+ --tw-backdrop-contrast: ;
264
+ --tw-backdrop-grayscale: ;
265
+ --tw-backdrop-hue-rotate: ;
266
+ --tw-backdrop-invert: ;
267
+ --tw-backdrop-opacity: ;
268
+ --tw-backdrop-saturate: ;
269
+ --tw-backdrop-sepia: ;
270
+ }
271
+ .squiz-fte-scope ::backdrop {
272
+ --tw-border-spacing-x: 0;
273
+ --tw-border-spacing-y: 0;
274
+ --tw-translate-x: 0;
275
+ --tw-translate-y: 0;
276
+ --tw-rotate: 0;
277
+ --tw-skew-x: 0;
278
+ --tw-skew-y: 0;
279
+ --tw-scale-x: 1;
280
+ --tw-scale-y: 1;
281
+ --tw-pan-x: ;
282
+ --tw-pan-y: ;
283
+ --tw-pinch-zoom: ;
284
+ --tw-scroll-snap-strictness: proximity;
285
+ --tw-ordinal: ;
286
+ --tw-slashed-zero: ;
287
+ --tw-numeric-figure: ;
288
+ --tw-numeric-spacing: ;
289
+ --tw-numeric-fraction: ;
290
+ --tw-ring-inset: ;
291
+ --tw-ring-offset-width: 0px;
292
+ --tw-ring-offset-color: #fff;
293
+ --tw-ring-color: rgb(59 130 246 / 0.5);
294
+ --tw-ring-offset-shadow: 0 0 #0000;
295
+ --tw-ring-shadow: 0 0 #0000;
296
+ --tw-shadow: 0 0 #0000;
297
+ --tw-shadow-colored: 0 0 #0000;
298
+ --tw-blur: ;
299
+ --tw-brightness: ;
300
+ --tw-contrast: ;
301
+ --tw-grayscale: ;
302
+ --tw-hue-rotate: ;
303
+ --tw-invert: ;
304
+ --tw-saturate: ;
305
+ --tw-sepia: ;
306
+ --tw-drop-shadow: ;
307
+ --tw-backdrop-blur: ;
308
+ --tw-backdrop-brightness: ;
309
+ --tw-backdrop-contrast: ;
310
+ --tw-backdrop-grayscale: ;
311
+ --tw-backdrop-hue-rotate: ;
312
+ --tw-backdrop-invert: ;
313
+ --tw-backdrop-opacity: ;
314
+ --tw-backdrop-saturate: ;
315
+ --tw-backdrop-sepia: ;
316
+ }
317
+ .squiz-fte-scope .container {
318
+ width: 100%;
2977
319
  }
2978
- @keyframes ProseMirror-cursor-blink {
2979
- to {
2980
- visibility: hidden;
320
+ @media (min-width: 640px) {
321
+ .squiz-fte-scope .container {
322
+ max-width: 640px;
2981
323
  }
2982
324
  }
2983
- .remirror-editor.ProseMirror .ProseMirror-focused .ProseMirror-gapcursor,
2984
- .remirror-editor.ProseMirror.ProseMirror-focused .ProseMirror-gapcursor {
2985
- display: block;
2986
- }
2987
- .remirror-image-loader {
2988
- border: 16px solid #f3f3f3;
2989
- border-radius: 50%;
2990
- border-top: 16px solid #3498db;
2991
- width: 120px;
2992
- height: 120px;
2993
- -webkit-animation: spin 2s linear infinite;
2994
- animation: spin 2s linear infinite;
2995
- }
2996
- @-webkit-keyframes spin {
2997
- 0% {
2998
- transform: rotate(0deg);
325
+ @media (min-width: 768px) {
326
+ .squiz-fte-scope .container {
327
+ max-width: 768px;
2999
328
  }
3000
- 100% {
3001
- transform: rotate(360deg);
329
+ }
330
+ @media (min-width: 1024px) {
331
+ .squiz-fte-scope .container {
332
+ max-width: 1024px;
3002
333
  }
3003
334
  }
3004
- @keyframes spin {
3005
- 0% {
3006
- transform: rotate(0deg);
335
+ @media (min-width: 1280px) {
336
+ .squiz-fte-scope .container {
337
+ max-width: 1280px;
3007
338
  }
3008
- 100% {
3009
- transform: rotate(360deg);
339
+ }
340
+ @media (min-width: 1536px) {
341
+ .squiz-fte-scope .container {
342
+ max-width: 1536px;
3010
343
  }
3011
344
  }
3012
- .remirror-editor ol > li > .remirror-list-item-marker-container {
3013
- display: none;
345
+ .squiz-fte-scope .pointer-events-none {
346
+ pointer-events: none !important;
3014
347
  }
3015
- .remirror-editor ul > li.remirror-list-item-with-custom-mark {
3016
- list-style: none;
348
+ .squiz-fte-scope .visible {
349
+ visibility: visible !important;
3017
350
  }
3018
- .remirror-editor .remirror-ul-list-content > li.remirror-list-item-with-custom-mark {
3019
- list-style: none;
351
+ .squiz-fte-scope .fixed {
352
+ position: fixed !important;
3020
353
  }
3021
- .remirror-editor ul ul + ul {
3022
- -webkit-margin-before: 1em;
3023
- margin-block-start: 1em;
354
+ .squiz-fte-scope .absolute {
355
+ position: absolute !important;
3024
356
  }
3025
- .remirror-list-item-marker-container {
3026
- position: absolute;
3027
- left: -32px;
3028
- width: 24px;
3029
- display: inline-block;
3030
- text-align: center;
3031
- -webkit-user-select: none;
3032
- -moz-user-select: none;
3033
- -ms-user-select: none;
3034
- user-select: none;
357
+ .squiz-fte-scope .relative {
358
+ position: relative !important;
3035
359
  }
3036
- .remirror-list-item-checkbox {
3037
- -webkit-filter: hue-rotate(60deg);
3038
- filter: hue-rotate(60deg);
360
+ .squiz-fte-scope .inset-0 {
361
+ top: 0px !important;
362
+ right: 0px !important;
363
+ bottom: 0px !important;
364
+ left: 0px !important;
3039
365
  }
3040
- .remirror-collapsible-list-item-closed li {
3041
- display: none;
366
+ .squiz-fte-scope .inset-y-0 {
367
+ top: 0px !important;
368
+ bottom: 0px !important;
3042
369
  }
3043
- .remirror-collapsible-list-item-closed .remirror-collapsible-list-item-button {
3044
- background-color: var(--rmr-hue-gray-6);
370
+ .squiz-fte-scope .right-0 {
371
+ right: 0px !important;
3045
372
  }
3046
- .remirror-collapsible-list-item-button {
3047
- width: 8px;
3048
- height: 8px;
3049
- border-radius: 50%;
3050
- cursor: pointer;
3051
- display: inline-block;
3052
- vertical-align: middle;
3053
- -webkit-user-select: none;
3054
- -moz-user-select: none;
3055
- -ms-user-select: none;
3056
- user-select: none;
3057
- transition: background-color 0.25s ease;
3058
- background-color: var(--rmr-color-border);
3059
- }
3060
- .remirror-collapsible-list-item-button:hover {
3061
- background-color: var(--rmr-color-primary);
3062
- }
3063
- .remirror-collapsible-list-item-button.disabled,
3064
- .remirror-collapsible-list-item-button.disabled:hover {
3065
- background-color: var(--rmr-color-border);
3066
- cursor: default;
373
+ .squiz-fte-scope .z-10 {
374
+ z-index: 10 !important;
3067
375
  }
3068
- .remirror-list-spine {
3069
- position: absolute;
3070
- top: 4px;
3071
- bottom: 0px;
3072
- left: -20px;
3073
- width: 16px;
3074
- cursor: pointer;
3075
- -webkit-user-select: none;
3076
- -moz-user-select: none;
3077
- -ms-user-select: none;
3078
- user-select: none;
3079
- transition: border-left-color 0.25s ease;
3080
- border-left-color: var(--rmr-color-border);
3081
- border-left-style: solid;
3082
- border-left-width: 1px;
3083
- }
3084
- .remirror-list-spine:hover {
3085
- border-left-color: var(--rmr-color-primary);
3086
- }
3087
- .remirror-mention-atom {
3088
- background: var(--rmr-hue-gray-2);
3089
- font-weight: bold;
3090
- font-size: 0.9em;
3091
- font-style: normal;
3092
- border-radius: var(--rmr-radius-border);
3093
- padding: 0.2rem 0.5rem;
3094
- white-space: nowrap;
3095
- color: var(--rmr-color-primary);
376
+ .squiz-fte-scope .z-40 {
377
+ z-index: 40 !important;
3096
378
  }
3097
- .remirror-suggest-atom {
3098
- color: rgba(0, 0, 0, 0.6);
379
+ .squiz-fte-scope .mx-auto {
380
+ margin-left: auto !important;
381
+ margin-right: auto !important;
3099
382
  }
3100
- .remirror-mention-atom-popup-item {
3101
- padding: 8px;
3102
- text-overflow: ellipsis;
3103
- max-width: 250px;
3104
- width: 250px;
3105
- overflow: hidden;
3106
- white-space: nowrap;
3107
- color: white;
383
+ .squiz-fte-scope .my-6 {
384
+ margin-top: 1.5rem !important;
385
+ margin-bottom: 1.5rem !important;
3108
386
  }
3109
- .remirror-mention-atom-popup-hovered {
3110
- background-color: var(--rmr-hue-gray-2);
387
+ .squiz-fte-scope .-mr-3 {
388
+ margin-right: -0.75rem !important;
3111
389
  }
3112
- .remirror-mention-atom-popup-highlight {
3113
- background-color: var(--rmr-hue-gray-3);
390
+ .squiz-fte-scope .-mt-3 {
391
+ margin-top: -0.75rem !important;
3114
392
  }
3115
- .remirror-mention-atom-popup-wrapper {
3116
- width: -webkit-max-content;
3117
- width: -moz-max-content;
3118
- width: max-content;
3119
- padding-top: 8px;
3120
- padding-bottom: 8px;
3121
- margin: 0 auto;
3122
- border-radius: 8px;
3123
- box-shadow: hsla(205, 70%, 15%, 0.25) 0 4px 8px, hsla(205, 70%, 15%, 0.31) 0px 0px 1px;
3124
- background-color: white;
3125
- z-index: 10;
3126
- max-height: 250px;
3127
- overflow-y: scroll;
393
+ .squiz-fte-scope .mb-0 {
394
+ margin-bottom: 0px !important;
3128
395
  }
3129
- .remirror-mention-atom-popup-name {
3130
- color: rgb(121, 129, 134);
396
+ .squiz-fte-scope .mb-2 {
397
+ margin-bottom: 0.5rem !important;
3131
398
  }
3132
- .remirror-mention-atom-zero-items {
3133
- color: rgb(121, 129, 134);
399
+ .squiz-fte-scope .ml-3 {
400
+ margin-left: 0.75rem !important;
3134
401
  }
3135
- .remirror-mention-atom-popup-char {
3136
- font-size: 1.25em;
3137
- padding-right: 5px;
402
+ .squiz-fte-scope .ml-auto {
403
+ margin-left: auto !important;
3138
404
  }
3139
- .remirror-editor.ProseMirror {
405
+ .squiz-fte-scope .mr-2 {
406
+ margin-right: 0.5rem !important;
3140
407
  }
3141
- .remirror-is-empty:first-of-type::before {
3142
- position: absolute;
3143
- color: #aaa;
3144
- pointer-events: none;
3145
- height: 0;
3146
- font-style: italic;
3147
- content: attr(data-placeholder);
408
+ .squiz-fte-scope .mt-1 {
409
+ margin-top: 0.25rem !important;
3148
410
  }
3149
- .remirror-editor.ProseMirror {
3150
- position: relative;
411
+ .squiz-fte-scope .block {
412
+ display: block !important;
3151
413
  }
3152
- .remirror-positioner {
3153
- position: absolute;
3154
- min-width: 1px;
3155
- min-height: 1px;
3156
- pointer-events: none;
3157
- -webkit-user-select: none;
3158
- -moz-user-select: none;
3159
- -ms-user-select: none;
3160
- user-select: none;
3161
- cursor: none;
3162
- z-index: -1;
3163
- }
3164
- .remirror-positioner-widget {
3165
- width: 0;
3166
- height: 0;
3167
- position: absolute;
414
+ .squiz-fte-scope .inline {
415
+ display: inline !important;
3168
416
  }
3169
- .remirror-editor.ProseMirror {
417
+ .squiz-fte-scope .flex {
418
+ display: flex !important;
3170
419
  }
3171
- .remirror-editor.ProseMirror .tableWrapper {
3172
- overflow-x: auto;
420
+ .squiz-fte-scope .hidden {
421
+ display: none !important;
3173
422
  }
3174
- .remirror-editor.ProseMirror table {
3175
- border-collapse: collapse;
3176
- table-layout: fixed;
3177
- width: 100%;
3178
- overflow: hidden;
423
+ .squiz-fte-scope .w-169 {
424
+ width: 169px !important;
3179
425
  }
3180
- .remirror-editor.ProseMirror td,
3181
- .remirror-editor.ProseMirror th {
3182
- vertical-align: top;
3183
- box-sizing: border-box;
3184
- position: relative;
3185
- border-width: 1px;
3186
- border-style: solid;
3187
- border-color: var(--rmr-color-table-default-border);
426
+ .squiz-fte-scope .w-full {
427
+ width: 100% !important;
3188
428
  }
3189
- .remirror-editor.ProseMirror .column-resize-handle {
3190
- position: absolute;
3191
- right: -2px;
3192
- top: 0;
3193
- bottom: 0;
3194
- width: 4px;
3195
- z-index: 40;
3196
- background-color: var(--rmr-hue-blue-7);
3197
- pointer-events: none;
429
+ .squiz-fte-scope .w-modal-sm {
430
+ width: 25rem !important;
3198
431
  }
3199
- .remirror-editor.ProseMirror.resize-cursor {
3200
- cursor: ew-resize;
3201
- cursor: col-resize;
432
+ .squiz-fte-scope .cursor-default {
433
+ cursor: default !important;
3202
434
  }
3203
- .remirror-editor.ProseMirror th.selectedCell,
3204
- .remirror-editor.ProseMirror td.selectedCell {
3205
- border-style: double;
3206
- border-color: var(--rmr-color-table-selected-border);
3207
- background-color: var(--rmr-color-table-selected-cell);
435
+ .squiz-fte-scope .select-none {
436
+ -webkit-user-select: none !important;
437
+ -moz-user-select: none !important;
438
+ user-select: none !important;
3208
439
  }
3209
- .remirror-table-colgroup > col:first-of-type {
3210
- width: 13px;
3211
- overflow: visible;
440
+ .squiz-fte-scope .items-center {
441
+ align-items: center !important;
3212
442
  }
3213
- .remirror-controllers-toggle {
3214
- visibility: hidden;
443
+ .squiz-fte-scope .divide-y > :not([hidden]) ~ :not([hidden]) {
444
+ --tw-divide-y-reverse: 0 !important;
445
+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
446
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
3215
447
  }
3216
- .remirror-table-show-controllers .remirror-controllers-toggle {
3217
- visibility: visible;
448
+ .squiz-fte-scope .overflow-auto {
449
+ overflow: auto !important;
3218
450
  }
3219
- .remirror-table-insert-button {
3220
- position: absolute;
3221
- width: 18px;
3222
- height: 18px;
3223
- z-index: 25;
3224
- cursor: pointer;
3225
- border-radius: 4px;
3226
- transition: background-color 150ms ease;
3227
- background-color: #dcdcdc;
451
+ .squiz-fte-scope .truncate {
452
+ overflow: hidden !important;
453
+ text-overflow: ellipsis !important;
454
+ white-space: nowrap !important;
3228
455
  }
3229
- .remirror-table-insert-button svg {
3230
- fill: #ffffff;
456
+ .squiz-fte-scope .rounded {
457
+ border-radius: 4px !important;
3231
458
  }
3232
- .remirror-table-insert-button:hover {
3233
- background-color: #136bda;
459
+ .squiz-fte-scope .border-0 {
460
+ border-width: 0px !important;
3234
461
  }
3235
- .remirror-table-insert-button:hover svg {
3236
- fill: #ffffff;
462
+ .squiz-fte-scope .border-2 {
463
+ border-width: 2px !important;
3237
464
  }
3238
- .remirror-table-delete-inner-button {
3239
- border: none;
3240
- padding: 0;
3241
- width: 18px;
3242
- height: 18px;
3243
- position: absolute;
3244
- z-index: 30;
3245
- cursor: pointer;
3246
- border-radius: 4px;
3247
- background-color: #cecece;
3248
- transition: background-color 150ms ease;
465
+ .squiz-fte-scope .border-gray-300 {
466
+ --tw-border-opacity: 1 !important;
467
+ border-color: rgb(224 224 224 / var(--tw-border-opacity)) !important;
3249
468
  }
3250
- .remirror-table-delete-inner-button:hover {
3251
- background-color: #ff7884;
469
+ .squiz-fte-scope .bg-black {
470
+ --tw-bg-opacity: 1 !important;
471
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
3252
472
  }
3253
- .remirror-table-delete-table-inner-button {
3254
- top: calc(var(--remirror-table-delete-button-y) - 9px);
3255
- left: calc(var(--remirror-table-delete-button-x) - 9px);
473
+ .squiz-fte-scope .bg-blue-300 {
474
+ --tw-bg-opacity: 1 !important;
475
+ background-color: rgb(7 116 210 / var(--tw-bg-opacity)) !important;
3256
476
  }
3257
- .remirror-table-delete-row-column-inner-button {
3258
- top: calc(var(--remirror-table-delete-row-column-button-y) - 9px);
3259
- left: calc(var(--remirror-table-delete-row-column-button-x) - 9px);
477
+ .squiz-fte-scope .bg-gray-100 {
478
+ --tw-bg-opacity: 1 !important;
479
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
3260
480
  }
3261
- .remirror-table-with-controllers {
3262
- margin-top: 40px;
3263
- margin-bottom: 40px;
3264
- height: 1px;
481
+ .squiz-fte-scope .bg-gray-200 {
482
+ --tw-bg-opacity: 1 !important;
483
+ background-color: rgb(237 237 237 / var(--tw-bg-opacity)) !important;
3265
484
  }
3266
- .ProseMirror table.remirror-table-with-controllers {
3267
- overflow: visible;
485
+ .squiz-fte-scope .bg-transparent {
486
+ background-color: transparent !important;
3268
487
  }
3269
- .remirror-table-waitting-controllers {
3270
- display: none;
488
+ .squiz-fte-scope .bg-white {
489
+ --tw-bg-opacity: 1 !important;
490
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
3271
491
  }
3272
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) {
3273
- height: 12px;
3274
- overflow: visible;
492
+ .squiz-fte-scope .p-6 {
493
+ padding: 1.5rem !important;
3275
494
  }
3276
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) {
3277
- overflow: visible;
3278
- padding: 0;
3279
- cursor: pointer;
3280
- z-index: 15;
3281
- position: relative;
3282
- height: 12px;
3283
- width: 12px;
495
+ .squiz-fte-scope .px-3 {
496
+ padding-left: 0.75rem !important;
497
+ padding-right: 0.75rem !important;
3284
498
  }
3285
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) div.remirror-table-controller-wrapper {
3286
- overflow: visible;
3287
- display: flex;
3288
- justify-content: flex-end;
3289
- align-items: flex-end;
3290
- width: 12px;
3291
- height: 12px;
499
+ .squiz-fte-scope .py-2 {
500
+ padding-top: 0.5rem !important;
501
+ padding-bottom: 0.5rem !important;
3292
502
  }
3293
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) div.remirror-table-controller-trigger-area {
3294
- flex: 1;
3295
- position: relative;
3296
- z-index: 10;
3297
- display: none;
503
+ .squiz-fte-scope .pb-2 {
504
+ padding-bottom: 0.5rem !important;
3298
505
  }
3299
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) div.remirror-table-controller-mark-row-corner {
3300
- bottom: -2px;
3301
- left: -12px;
3302
- position: absolute;
3303
- width: 0px;
3304
- height: 0px;
3305
- border-radius: 50%;
3306
- border-style: solid;
3307
- border-color: var(--rmr-color-table-mark);
3308
- border-width: 2px;
506
+ .squiz-fte-scope .pl-3 {
507
+ padding-left: 0.75rem !important;
3309
508
  }
3310
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) div.remirror-table-controller-mark-column-corner {
3311
- position: absolute;
3312
- width: 0px;
3313
- height: 0px;
3314
- border-radius: 50%;
3315
- border-style: solid;
3316
- border-color: var(--rmr-color-table-mark);
3317
- border-width: 2px;
3318
- right: -2px;
3319
- top: -12px;
509
+ .squiz-fte-scope .pr-10 {
510
+ padding-right: 2.5rem !important;
3320
511
  }
3321
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) {
3322
- overflow: visible;
3323
- padding: 0;
3324
- cursor: pointer;
3325
- z-index: 15;
3326
- position: relative;
3327
- height: 12px;
512
+ .squiz-fte-scope .pr-2 {
513
+ padding-right: 0.5rem !important;
3328
514
  }
3329
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) div.remirror-table-controller-wrapper {
3330
- overflow: visible;
3331
- display: flex;
3332
- justify-content: flex-end;
3333
- align-items: flex-end;
3334
- width: 100%;
3335
- height: 12px;
3336
- flex-direction: row;
515
+ .squiz-fte-scope .pt-3 {
516
+ padding-top: 0.75rem !important;
3337
517
  }
3338
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) div.remirror-table-controller-trigger-area {
3339
- flex: 1;
3340
- position: relative;
3341
- z-index: 10;
3342
- height: 36px;
518
+ .squiz-fte-scope .text-heading-2 {
519
+ font-size: 1.25rem !important;
520
+ line-height: 1.5rem !important;
3343
521
  }
3344
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) div.remirror-table-controller-mark-row-corner {
3345
- display: none;
522
+ .squiz-fte-scope .text-md {
523
+ font-size: 0.875rem !important;
3346
524
  }
3347
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) div.remirror-table-controller-mark-column-corner {
3348
- position: absolute;
3349
- width: 0px;
3350
- height: 0px;
3351
- border-radius: 50%;
3352
- border-style: solid;
3353
- border-color: var(--rmr-color-table-mark);
3354
- border-width: 2px;
3355
- right: -2px;
3356
- top: -12px;
525
+ .squiz-fte-scope .font-semibold {
526
+ font-weight: 600 !important;
3357
527
  }
3358
- .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th {
3359
- overflow: visible;
3360
- padding: 0;
3361
- cursor: pointer;
3362
- z-index: 15;
3363
- position: relative;
3364
- width: 12px;
528
+ .squiz-fte-scope .italic {
529
+ font-style: italic !important;
3365
530
  }
3366
- .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-wrapper {
3367
- overflow: visible;
3368
- display: flex;
3369
- justify-content: flex-end;
3370
- align-items: flex-end;
3371
- height: 100%;
3372
- width: 12px;
3373
- flex-direction: column;
531
+ .squiz-fte-scope .text-gray-500 {
532
+ --tw-text-opacity: 1 !important;
533
+ color: rgb(148 148 148 / var(--tw-text-opacity)) !important;
3374
534
  }
3375
- .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-trigger-area {
3376
- flex: 1;
3377
- position: relative;
3378
- z-index: 10;
3379
- width: 36px;
535
+ .squiz-fte-scope .text-gray-600 {
536
+ --tw-text-opacity: 1 !important;
537
+ color: rgb(112 112 112 / var(--tw-text-opacity)) !important;
3380
538
  }
3381
- .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-mark-row-corner {
3382
- bottom: -2px;
3383
- left: -12px;
3384
- position: absolute;
3385
- width: 0px;
3386
- height: 0px;
3387
- border-radius: 50%;
3388
- border-style: solid;
3389
- border-color: var(--rmr-color-table-mark);
3390
- border-width: 2px;
539
+ .squiz-fte-scope .text-gray-700 {
540
+ --tw-text-opacity: 1 !important;
541
+ color: rgb(79 79 79 / var(--tw-text-opacity)) !important;
3391
542
  }
3392
- .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-mark-column-corner {
3393
- display: none;
543
+ .squiz-fte-scope .text-gray-800 {
544
+ --tw-text-opacity: 1 !important;
545
+ color: rgb(61 61 61 / var(--tw-text-opacity)) !important;
3394
546
  }
3395
- .remirror-table-tbody-with-controllers th.remirror-table-controller {
3396
- background-color: var(--rmr-color-table-default-controller);
547
+ .squiz-fte-scope .text-gray-900 {
548
+ --tw-text-opacity: 1 !important;
549
+ color: rgb(43 43 43 / var(--tw-text-opacity)) !important;
3397
550
  }
3398
- .remirror-table-tbody-with-controllers th.selectedCell.remirror-table-controller {
3399
- background-color: var(--rmr-color-table-selected-controller);
551
+ .squiz-fte-scope .text-white {
552
+ --tw-text-opacity: 1 !important;
553
+ color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
3400
554
  }
3401
- .remirror-table-preselect-all {
555
+ .squiz-fte-scope .underline {
556
+ text-decoration-line: underline !important;
3402
557
  }
3403
- .remirror-table-show-predelete th.selectedCell.remirror-table-controller,
3404
- .remirror-table-show-predelete td.selectedCell {
3405
- border-color: var(--rmr-color-table-predelete-border) !important;
3406
- background-color: var(--rmr-color-table-predelete-cell) !important;
558
+ .squiz-fte-scope .opacity-25 {
559
+ opacity: 0.25 !important;
3407
560
  }
3408
- .remirror-table-show-predelete th.selectedCell.remirror-table-controller {
3409
- background-color: var(--rmr-color-table-predelete-controller) !important;
561
+ .squiz-fte-scope .outline-none {
562
+ outline: 2px solid transparent !important;
563
+ outline-offset: 2px !important;
3410
564
  }
3411
- .remirror-table-show-predelete.remirror-table-preselect-all th.remirror-table-controller,
3412
- .remirror-table-show-predelete.remirror-table-preselect-all td {
3413
- border-color: var(--rmr-color-table-predelete-border) !important;
3414
- background-color: var(--rmr-color-table-predelete-cell) !important;
565
+ .squiz-fte-scope .blur {
566
+ --tw-blur: blur(8px) !important;
567
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
3415
568
  }
3416
- .remirror-table-show-predelete.remirror-table-preselect-all th.remirror-table-controller {
3417
- background-color: var(--rmr-color-table-predelete-controller) !important;
569
+ .squiz-fte-scope .squiz-fte-form-group {
570
+ display: flex;
571
+ flex-direction: column;
3418
572
  }
3419
- .remirror-editor.ProseMirror .whitespace {
3420
- pointer-events: none;
3421
- -webkit-user-select: none;
3422
- -moz-user-select: none;
3423
- -ms-user-select: none;
3424
- user-select: none;
3425
- }
3426
- .remirror-editor.ProseMirror .whitespace:before {
3427
- caret-color: inherit;
3428
- color: gray;
3429
- display: inline-block;
573
+ .squiz-fte-scope .squiz-fte-form-label {
574
+ margin-bottom: 0.25rem;
575
+ font-size: 0.875rem;
576
+ font-weight: 600;
577
+ --tw-text-opacity: 1;
578
+ color: rgb(112 112 112 / var(--tw-text-opacity));
579
+ }
580
+ .squiz-fte-scope .squiz-fte-form-control {
581
+ padding: 6px 12px;
582
+ position: relative;
583
+ width: 100%;
584
+ border-radius: 4px;
585
+ border-width: 2px;
586
+ --tw-border-opacity: 1;
587
+ border-color: rgb(224 224 224 / var(--tw-border-opacity));
588
+ --tw-bg-opacity: 1;
589
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
590
+ font-size: 0.875rem;
591
+ --tw-text-opacity: 1;
592
+ color: rgb(61 61 61 / var(--tw-text-opacity));
593
+ }
594
+ .squiz-fte-scope .squiz-fte-form-control::-moz-placeholder {
595
+ --tw-placeholder-opacity: 1;
596
+ color: rgb(203 213 225 / var(--tw-placeholder-opacity));
597
+ }
598
+ .squiz-fte-scope .squiz-fte-form-control::placeholder {
599
+ --tw-placeholder-opacity: 1;
600
+ color: rgb(203 213 225 / var(--tw-placeholder-opacity));
601
+ }
602
+ .squiz-fte-scope .squiz-fte-form-control {
603
+ outline-width: 0px;
604
+ }
605
+ .squiz-fte-scope .squiz-fte-form-control:focus {
606
+ --tw-border-opacity: 1;
607
+ border-color: rgb(7 116 210 / var(--tw-border-opacity));
608
+ outline-width: 0px;
609
+ }
610
+ .squiz-fte-scope .squiz-fte-form-control:focus,
611
+ .squiz-fte-scope .squiz-fte-form-control:active {
612
+ box-shadow: none;
613
+ }
614
+ .squiz-fte-scope .squiz-fte-btn {
615
+ border-radius: 4px;
3430
616
  font-weight: 400;
3431
- font-style: normal;
3432
- line-height: 1em;
3433
- width: 0;
617
+ transition-property: all;
618
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
619
+ transition-duration: 150ms;
620
+ transition-timing-function: linear;
621
+ display: flex;
622
+ align-items: center;
623
+ text-align: center;
624
+ white-space: nowrap;
625
+ vertical-align: middle;
626
+ touch-action: manipulation;
627
+ cursor: pointer;
628
+ background-image: none;
629
+ border: 1px solid transparent;
630
+ padding: 6px 12px;
3434
631
  }
3435
- .remirror-editor.ProseMirror .whitespace--s:before {
3436
- content: "\b7";
632
+ .squiz-fte-scope .squiz-fte-btn.disabled,
633
+ .squiz-fte-scope .squiz-fte-btn[disabled] {
634
+ cursor: not-allowed;
635
+ opacity: 0.5;
3437
636
  }
3438
- .remirror-editor.ProseMirror .whitespace--br:before {
3439
- content: "\ac";
637
+ .squiz-fte-scope .formatted-text-editor {
638
+ font-family: "Open Sans" !important;
3440
639
  }
3441
- .remirror-editor.ProseMirror .whitespace--p:before {
3442
- content: "\b6";
640
+ .squiz-fte-scope .formatted-text-editor.editor-wrapper {
641
+ border-radius: 4px;
642
+ border-width: 2px;
643
+ border-style: solid;
644
+ --tw-border-opacity: 1;
645
+ border-color: rgb(224 224 224 / var(--tw-border-opacity));
646
+ --tw-bg-opacity: 1;
647
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
648
+ }
649
+ .squiz-fte-scope .formatted-text-editor .remirror-editor-wrapper {
650
+ padding-top: 0px;
651
+ --tw-text-opacity: 1;
652
+ color: rgb(112 112 112 / var(--tw-text-opacity));
653
+ }
654
+ .squiz-fte-scope .formatted-text-editor .remirror-editor {
655
+ border-bottom-right-radius: 4px;
656
+ border-bottom-left-radius: 4px;
657
+ --tw-bg-opacity: 1;
658
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
659
+ padding: 0.75rem;
660
+ --tw-shadow: 0 0 #0000;
661
+ --tw-shadow-colored: 0 0 #0000;
662
+ box-shadow:
663
+ var(--tw-ring-offset-shadow, 0 0 #0000),
664
+ var(--tw-ring-shadow, 0 0 #0000),
665
+ var(--tw-shadow);
666
+ min-height: 6rem;
667
+ }
668
+ .squiz-fte-scope .formatted-text-editor .remirror-editor:active,
669
+ .squiz-fte-scope .formatted-text-editor .remirror-editor:focus {
670
+ outline-width: 0px;
671
+ }
672
+ .squiz-fte-scope .formatted-text-editor .remirror-editor p {
673
+ display: block;
3443
674
  }
3444
- .remirror-editor.ProseMirror .ProseMirror-yjs-cursor {
675
+ .squiz-fte-scope .formatted-text-editor .remirror-is-empty:first-of-type::before {
3445
676
  position: absolute;
3446
- border-left: black;
3447
- border-left-style: solid;
3448
- border-left-width: 2px;
3449
- border-color: orange;
3450
- height: 1em;
3451
- word-break: normal;
3452
677
  pointer-events: none;
678
+ height: 0;
679
+ font-style: italic;
680
+ content: attr(data-placeholder);
681
+ --tw-text-opacity: 1;
682
+ color: rgb(148 148 148 / var(--tw-text-opacity));
3453
683
  }
3454
- .remirror-editor.ProseMirror .ProseMirror-yjs-cursor > div {
3455
- position: relative;
3456
- top: -1.05em;
3457
- font-size: 13px;
3458
- background-color: rgb(250, 129, 0);
3459
- font-family: serif;
3460
- font-style: normal;
3461
- font-weight: normal;
3462
- line-height: normal;
3463
- -webkit-user-select: none;
3464
- -moz-user-select: none;
3465
- -ms-user-select: none;
3466
- user-select: none;
3467
- color: white;
3468
- padding-left: 2px;
3469
- padding-right: 2px;
3470
- }
3471
- .remirror-editor.ProseMirror > .ProseMirror-yjs-cursor:first-child {
3472
- margin-top: 16px;
3473
- }
3474
- .remirror-editor #y-functions {
3475
- position: absolute;
3476
- top: 20px;
3477
- right: 20px;
684
+ .squiz-fte-scope a {
685
+ --tw-text-opacity: 1;
686
+ color: rgb(7 116 210 / var(--tw-text-opacity));
687
+ text-decoration: underline;
3478
688
  }
3479
- .remirror-editor #y-functions > * {
3480
- display: inline-block;
689
+ .squiz-fte-scope .remirror-theme h1 {
690
+ font-size: 1.625rem;
691
+ font-weight: 600;
692
+ letter-spacing: -0.2px;
693
+ line-height: 2rem;
694
+ }
695
+ .squiz-fte-scope .remirror-theme h2 {
696
+ font-size: 1.25rem;
697
+ font-weight: 600;
698
+ letter-spacing: -0.5px;
699
+ line-height: 1.5rem;
700
+ }
701
+ .squiz-fte-scope .remirror-theme h3 {
702
+ font-size: 1.125rem;
703
+ font-weight: 600;
704
+ letter-spacing: -0.2px;
705
+ line-height: 1.375rem;
706
+ }
707
+ .squiz-fte-scope .remirror-theme h4 {
708
+ font-size: 1rem;
709
+ font-weight: 700;
710
+ letter-spacing: -0.2px;
711
+ line-height: 1.25rem;
3481
712
  }
3482
- .remirror-theme {
3483
- box-sizing: border-box;
713
+ .squiz-fte-scope .remirror-theme h5 {
714
+ font-size: 1rem;
715
+ font-weight: 600;
716
+ letter-spacing: -0.2px;
717
+ line-height: 1.25rem;
718
+ }
719
+ .squiz-fte-scope .remirror-theme h6 {
720
+ font-size: 0.875rem;
721
+ font-weight: 600;
722
+ letter-spacing: -0.2px;
723
+ line-height: 1.25rem;
724
+ }
725
+ .squiz-fte-scope .formatted-text-editor .editor-toolbar {
726
+ border-bottom-width: 2px;
727
+ border-style: solid;
728
+ --tw-border-opacity: 1;
729
+ border-color: rgb(237 237 237 / var(--tw-border-opacity));
730
+ --tw-bg-opacity: 1;
731
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
732
+ padding: 0.25rem;
733
+ display: flex;
734
+ justify-items: center;
3484
735
  }
3485
- .remirror-theme *,
3486
- .remirror-theme *:before,
3487
- .remirror-theme *:after {
3488
- box-sizing: inherit;
3489
- }
3490
- .remirror-theme {
3491
- --rmr-color-background: #ffffff;
3492
- --rmr-color-border: rgba(0, 0, 0, 0.25);
3493
- --rmr-color-foreground: #000000;
3494
- --rmr-color-muted: #f1f3f5;
3495
- --rmr-color-primary: #7963d2;
3496
- --rmr-color-secondary: #bcd263;
3497
- --rmr-color-primary-text: #fff;
3498
- --rmr-color-secondary-text: #fff;
3499
- --rmr-color-text: #252103;
3500
- --rmr-color-faded: hsla(0, 0%, 13%, 0.9);
3501
- --rmr-color-active-background: hsla(0, 0%, 85%, 1);
3502
- --rmr-color-active-border: hsla(0, 0%, 0%, 0.25);
3503
- --rmr-color-active-foreground: hsla(0, 0%, 0%, 1);
3504
- --rmr-color-active-muted: hsla(210, 17%, 80%, 1);
3505
- --rmr-color-active-primary: hsla(252, 55%, 46%, 1);
3506
- --rmr-color-active-secondary: hsla(72, 55%, 46%, 1);
3507
- --rmr-color-active-primary-text: #fff;
3508
- --rmr-color-active-secondary-text: #000;
3509
- --rmr-color-active-text: #000;
3510
- --rmr-color-active-faded: hsla(0, 0%, 13%, 0.9);
3511
- --rmr-color-hover-background: hsla(0, 0%, 93%, 1);
3512
- --rmr-color-hover-border: hsla(0, 0%, 0%, 0.25);
3513
- --rmr-color-hover-foreground: hsla(0, 0%, 0%, 1);
3514
- --rmr-color-hover-muted: hsla(210, 17%, 88%, 1);
3515
- --rmr-color-hover-primary: hsla(252, 55%, 53%, 1);
3516
- --rmr-color-hover-secondary: hsla(72, 55%, 53%, 1);
3517
- --rmr-color-hover-primary-text: #fff;
3518
- --rmr-color-hover-secondary-text: #000;
3519
- --rmr-color-hover-text: #000;
3520
- --rmr-color-hover-faded: hsla(0, 0%, 13%, 0.9);
3521
- --rmr-color-shadow-1: rgba(10, 31, 68, 0.08);
3522
- --rmr-color-shadow-2: rgba(10, 31, 68, 0.1);
3523
- --rmr-color-shadow-3: rgba(10, 31, 68, 0.12);
3524
- --rmr-color-backdrop: rgba(0, 0, 0, 0.9);
3525
- --rmr-color-outline: rgba(121, 99, 210, 0.4);
3526
- --rmr-color-table-default-border: hsla(0, 0%, 80%, 1);
3527
- --rmr-color-table-default-cell: hsla(0, 0%, 40%, 1);
3528
- --rmr-color-table-default-controller: #dee2e6;
3529
- --rmr-color-table-selected-border: #1c7ed6;
3530
- --rmr-color-table-selected-cell: #d0ebff;
3531
- --rmr-color-table-selected-controller: #339af0;
3532
- --rmr-color-table-preselect-border: #1c7ed6;
3533
- --rmr-color-table-preselect-cell: hsla(0, 0%, 40%, 1);
3534
- --rmr-color-table-preselect-controller: #339af0;
3535
- --rmr-color-table-predelete-border: #f03e3e;
3536
- --rmr-color-table-predelete-cell: #ffe3e3;
3537
- --rmr-color-table-predelete-controller: #ff6b6b;
3538
- --rmr-color-table-mark: #91919196;
3539
- --rmr-hue-gray-0: #f8f9fa;
3540
- --rmr-hue-gray-1: #f1f3f5;
3541
- --rmr-hue-gray-2: #e9ecef;
3542
- --rmr-hue-gray-3: #dee2e6;
3543
- --rmr-hue-gray-4: #ced4da;
3544
- --rmr-hue-gray-5: #adb5bd;
3545
- --rmr-hue-gray-6: #868e96;
3546
- --rmr-hue-gray-7: #495057;
3547
- --rmr-hue-gray-8: #343a40;
3548
- --rmr-hue-gray-9: #212529;
3549
- --rmr-hue-red-0: #fff5f5;
3550
- --rmr-hue-red-1: #ffe3e3;
3551
- --rmr-hue-red-2: #ffc9c9;
3552
- --rmr-hue-red-3: #ffa8a8;
3553
- --rmr-hue-red-4: #ff8787;
3554
- --rmr-hue-red-5: #ff6b6b;
3555
- --rmr-hue-red-6: #fa5252;
3556
- --rmr-hue-red-7: #f03e3e;
3557
- --rmr-hue-red-8: #e03131;
3558
- --rmr-hue-red-9: #c92a2a;
3559
- --rmr-hue-pink-0: #fff0f6;
3560
- --rmr-hue-pink-1: #ffdeeb;
3561
- --rmr-hue-pink-2: #fcc2d7;
3562
- --rmr-hue-pink-3: #faa2c1;
3563
- --rmr-hue-pink-4: #f783ac;
3564
- --rmr-hue-pink-5: #f06595;
3565
- --rmr-hue-pink-6: #e64980;
3566
- --rmr-hue-pink-7: #d6336c;
3567
- --rmr-hue-pink-8: #c2255c;
3568
- --rmr-hue-pink-9: #a61e4d;
3569
- --rmr-hue-grape-0: #f8f0fc;
3570
- --rmr-hue-grape-1: #f3d9fa;
3571
- --rmr-hue-grape-2: #eebefa;
3572
- --rmr-hue-grape-3: #e599f7;
3573
- --rmr-hue-grape-4: #da77f2;
3574
- --rmr-hue-grape-5: #cc5de8;
3575
- --rmr-hue-grape-6: #be4bdb;
3576
- --rmr-hue-grape-7: #ae3ec9;
3577
- --rmr-hue-grape-8: #9c36b5;
3578
- --rmr-hue-grape-9: #862e9c;
3579
- --rmr-hue-violet-0: #f3f0ff;
3580
- --rmr-hue-violet-1: #e5dbff;
3581
- --rmr-hue-violet-2: #d0bfff;
3582
- --rmr-hue-violet-3: #b197fc;
3583
- --rmr-hue-violet-4: #9775fa;
3584
- --rmr-hue-violet-5: #845ef7;
3585
- --rmr-hue-violet-6: #7950f2;
3586
- --rmr-hue-violet-7: #7048e8;
3587
- --rmr-hue-violet-8: #6741d9;
3588
- --rmr-hue-violet-9: #5f3dc4;
3589
- --rmr-hue-indigo-0: #edf2ff;
3590
- --rmr-hue-indigo-1: #dbe4ff;
3591
- --rmr-hue-indigo-2: #bac8ff;
3592
- --rmr-hue-indigo-3: #91a7ff;
3593
- --rmr-hue-indigo-4: #748ffc;
3594
- --rmr-hue-indigo-5: #5c7cfa;
3595
- --rmr-hue-indigo-6: #4c6ef5;
3596
- --rmr-hue-indigo-7: #4263eb;
3597
- --rmr-hue-indigo-8: #3b5bdb;
3598
- --rmr-hue-indigo-9: #364fc7;
3599
- --rmr-hue-blue-0: #e7f5ff;
3600
- --rmr-hue-blue-1: #d0ebff;
3601
- --rmr-hue-blue-2: #a5d8ff;
3602
- --rmr-hue-blue-3: #74c0fc;
3603
- --rmr-hue-blue-4: #4dabf7;
3604
- --rmr-hue-blue-5: #339af0;
3605
- --rmr-hue-blue-6: #228be6;
3606
- --rmr-hue-blue-7: #1c7ed6;
3607
- --rmr-hue-blue-8: #1971c2;
3608
- --rmr-hue-blue-9: #1864ab;
3609
- --rmr-hue-cyan-0: #e3fafc;
3610
- --rmr-hue-cyan-1: #c5f6fa;
3611
- --rmr-hue-cyan-2: #99e9f2;
3612
- --rmr-hue-cyan-3: #66d9e8;
3613
- --rmr-hue-cyan-4: #3bc9db;
3614
- --rmr-hue-cyan-5: #22b8cf;
3615
- --rmr-hue-cyan-6: #15aabf;
3616
- --rmr-hue-cyan-7: #1098ad;
3617
- --rmr-hue-cyan-8: #0c8599;
3618
- --rmr-hue-cyan-9: #0b7285;
3619
- --rmr-hue-teal-0: #e6fcf5;
3620
- --rmr-hue-teal-1: #c3fae8;
3621
- --rmr-hue-teal-2: #96f2d7;
3622
- --rmr-hue-teal-3: #63e6be;
3623
- --rmr-hue-teal-4: #38d9a9;
3624
- --rmr-hue-teal-5: #20c997;
3625
- --rmr-hue-teal-6: #12b886;
3626
- --rmr-hue-teal-7: #0ca678;
3627
- --rmr-hue-teal-8: #099268;
3628
- --rmr-hue-teal-9: #087f5b;
3629
- --rmr-hue-green-0: #ebfbee;
3630
- --rmr-hue-green-1: #d3f9d8;
3631
- --rmr-hue-green-2: #b2f2bb;
3632
- --rmr-hue-green-3: #8ce99a;
3633
- --rmr-hue-green-4: #69db7c;
3634
- --rmr-hue-green-5: #51cf66;
3635
- --rmr-hue-green-6: #40c057;
3636
- --rmr-hue-green-7: #37b24d;
3637
- --rmr-hue-green-8: #2f9e44;
3638
- --rmr-hue-green-9: #2b8a3e;
3639
- --rmr-hue-lime-0: #f4fce3;
3640
- --rmr-hue-lime-1: #e9fac8;
3641
- --rmr-hue-lime-2: #d8f5a2;
3642
- --rmr-hue-lime-3: #c0eb75;
3643
- --rmr-hue-lime-4: #a9e34b;
3644
- --rmr-hue-lime-5: #94d82d;
3645
- --rmr-hue-lime-6: #82c91e;
3646
- --rmr-hue-lime-7: #74b816;
3647
- --rmr-hue-lime-8: #66a80f;
3648
- --rmr-hue-lime-9: #5c940d;
3649
- --rmr-hue-yellow-0: #fff9db;
3650
- --rmr-hue-yellow-1: #fff3bf;
3651
- --rmr-hue-yellow-2: #ffec99;
3652
- --rmr-hue-yellow-3: #ffe066;
3653
- --rmr-hue-yellow-4: #ffd43b;
3654
- --rmr-hue-yellow-5: #fcc419;
3655
- --rmr-hue-yellow-6: #fab005;
3656
- --rmr-hue-yellow-7: #f59f00;
3657
- --rmr-hue-yellow-8: #f08c00;
3658
- --rmr-hue-yellow-9: #e67700;
3659
- --rmr-hue-orange-0: #fff4e6;
3660
- --rmr-hue-orange-1: #ffe8cc;
3661
- --rmr-hue-orange-2: #ffd8a8;
3662
- --rmr-hue-orange-3: #ffc078;
3663
- --rmr-hue-orange-4: #ffa94d;
3664
- --rmr-hue-orange-5: #ff922b;
3665
- --rmr-hue-orange-6: #fd7e14;
3666
- --rmr-hue-orange-7: #f76707;
3667
- --rmr-hue-orange-8: #e8590c;
3668
- --rmr-hue-orange-9: #d9480f;
3669
- --rmr-radius-border: 0.25rem;
3670
- --rmr-radius-extra: 0.5rem;
3671
- --rmr-radius-circle: 50%;
3672
- --rmr-font-family-default:
3673
- system-ui,
3674
- -apple-system,
3675
- BlinkMacSystemFont,
3676
- "Segoe UI",
3677
- Roboto,
3678
- "Helvetica Neue",
3679
- sans-serif;
3680
- --rmr-font-family-heading: inherit;
3681
- --rmr-font-family-mono: Menlo, monospace;
3682
- --rmr-font-size-0: 12px;
3683
- --rmr-font-size-1: 14px;
3684
- --rmr-font-size-2: 16px;
3685
- --rmr-font-size-3: 20px;
3686
- --rmr-font-size-4: 24px;
3687
- --rmr-font-size-5: 32px;
3688
- --rmr-font-size-6: 48px;
3689
- --rmr-font-size-7: 64px;
3690
- --rmr-font-size-8: 96px;
3691
- --rmr-font-size-default: 16px;
3692
- --rmr-space-1: 4px;
3693
- --rmr-space-2: 8px;
3694
- --rmr-space-3: 16px;
3695
- --rmr-space-4: 32px;
3696
- --rmr-space-5: 64px;
3697
- --rmr-space-6: 128px;
3698
- --rmr-space-7: 256px;
3699
- --rmr-space-8: 512px;
3700
- --rmr-font-weight-bold: 700;
3701
- --rmr-font-weight-default: 400;
3702
- --rmr-font-weight-heading: 700;
3703
- --rmr-letter-spacing-tight: -1px;
3704
- --rmr-letter-spacing-default: normal;
3705
- --rmr-letter-spacing-loose: 1px;
3706
- --rmr-letter-spacing-wide: 3px;
3707
- --rmr-line-height-heading: 1.25em;
3708
- --rmr-line-height-default: 1.5em;
3709
- --rmr-box-shadow-1: 0 1px 1px rgba(10, 31, 68, 0.08);
3710
- --rmr-box-shadow-2: 0 1px 1px rgba(10, 31, 68, 0.1);
3711
- --rmr-box-shadow-3: 0 1px 1px rgba(10, 31, 68, 0.12);
3712
- font-family: var(--rmr-font-family-default);
3713
- line-height: var(--rmr-line-height-default);
3714
- font-weight: var(--rmr-font-weight-default);
3715
- }
3716
- .remirror-theme h1,
3717
- .remirror-theme h2,
3718
- .remirror-theme h3,
3719
- .remirror-theme h4,
3720
- .remirror-theme h5,
3721
- .remirror-theme h6 {
3722
- color: var(--rmr-color-text);
3723
- font-family: var(--rmr-font-family-heading);
3724
- line-height: var(--rmr-line-height-heading);
3725
- font-weight: var(--rmr-font-weight-heading);
3726
- }
3727
- .remirror-theme h1 {
3728
- font-size: var(--rmr-font-size-5);
3729
- }
3730
- .remirror-theme h2 {
3731
- font-size: var(--rmr-font-size-4);
3732
- }
3733
- .remirror-theme h3 {
3734
- font-size: var(--rmr-font-size-3);
3735
- }
3736
- .remirror-theme h4 {
3737
- font-size: var(--rmr-font-size-2);
3738
- }
3739
- .remirror-theme h5 {
3740
- font-size: var(--rmr-font-size-1);
3741
- }
3742
- .remirror-theme h6 {
3743
- font-size: var(--rmr-font-size-0);
3744
- }
3745
- .remirror-theme .ProseMirror {
3746
- min-height: var(--rmr-space-6);
3747
- box-shadow: var(--rmr-color-border) 0px 0px 0px 0.1em;
3748
- padding: var(--rmr-space-3);
3749
- border-radius: var(--rmr-radius-border);
3750
- outline: none;
3751
- }
3752
- .remirror-theme .ProseMirror:active,
3753
- .remirror-theme .ProseMirror:focus {
3754
- box-shadow: var(--rmr-color-outline) 0px 0px 0px 0.2em;
3755
- }
3756
- .remirror-theme .ProseMirror p,
3757
- .remirror-theme .ProseMirror h1,
3758
- .remirror-theme .ProseMirror h2,
3759
- .remirror-theme .ProseMirror h3,
3760
- .remirror-theme .ProseMirror h4,
3761
- .remirror-theme .ProseMirror h4,
3762
- .remirror-theme .ProseMirror h5,
3763
- .remirror-theme .ProseMirror h6,
3764
- .remirror-theme .ProseMirror span {
3765
- margin: 0;
736
+ .squiz-fte-scope .formatted-text-editor .editor-toolbar > *:not(:first-child) {
737
+ margin: 0 0 0 2px;
3766
738
  }
3767
-
3768
- /* src/index.scss */
3769
- .formatted-text-editor.editor-wrapper {
3770
- background: white;
3771
- border: 2px solid var(--grey-300);
3772
- border-radius: 4px;
739
+ .squiz-fte-scope .formatted-text-editor .editor-toolbar .editor-divider {
740
+ margin-top: -0.25rem;
741
+ margin-bottom: -0.25rem;
742
+ margin-left: 0.25rem;
743
+ margin-right: 0.25rem;
744
+ border-width: 1px;
745
+ margin-right: 2px;
746
+ height: auto;
3773
747
  }
3774
- .formatted-text-editor .remirror-editor-wrapper {
3775
- padding-top: 0;
3776
- color: var(--grey-600);
748
+ .squiz-fte-scope__floating-popover {
749
+ display: flex;
750
+ border-radius: 6px;
751
+ border-width: 1px;
752
+ --tw-border-opacity: 1;
753
+ border-color: rgb(237 237 237 / var(--tw-border-opacity));
754
+ --tw-bg-opacity: 1;
755
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
756
+ padding: 0.25rem;
757
+ --tw-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 1px 12px 4px rgba(0,0,0,0.12);
758
+ --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 12px 4px var(--tw-shadow-color);
759
+ box-shadow:
760
+ var(--tw-ring-offset-shadow, 0 0 #0000),
761
+ var(--tw-ring-shadow, 0 0 #0000),
762
+ var(--tw-shadow);
763
+ }
764
+ .squiz-fte-scope .toolbar-button {
765
+ --tw-bg-opacity: 1;
766
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
767
+ padding: 0.25rem;
768
+ --tw-text-opacity: 1;
769
+ color: rgb(112 112 112 / var(--tw-text-opacity));
3777
770
  }
3778
- .formatted-text-editor .remirror-editor {
3779
- box-shadow: none;
3780
- background: white;
3781
- border-radius: 0 0 4px 4px;
771
+ .squiz-fte-scope .toolbar-button ~ .toolbar-button {
772
+ margin-left: 2px;
3782
773
  }
3783
- .formatted-text-editor .remirror-editor:active,
3784
- .formatted-text-editor .remirror-editor :focus {
774
+ .squiz-fte-scope .toolbar-button:hover,
775
+ .squiz-fte-scope .toolbar-button:focus {
776
+ background-color: rgba(0, 0, 0, 0.04);
3785
777
  }
3786
- .remirror-theme .ProseMirror:active,
3787
- .remirror-theme .ProseMirror:focus {
3788
- box-shadow: none;
778
+ .squiz-fte-scope .toolbar-button.is-active,
779
+ .squiz-fte-scope .toolbar-button:active {
780
+ --tw-bg-opacity: 1;
781
+ background-color: rgb(230 241 250 / var(--tw-bg-opacity));
782
+ --tw-text-opacity: 1;
783
+ color: rgb(7 116 210 / var(--tw-text-opacity));
3789
784
  }
3790
- .formatted-text-editor .editor-toolbar {
3791
- border-bottom: 2px solid var(--grey-200);
3792
- background-color: white;
3793
- padding: 0.25rem;
3794
- border-radius: 0.25rem;
785
+ .squiz-fte-scope .toolbar-dropdown__button {
3795
786
  display: flex;
3796
- justify-items: center;
787
+ align-items: center;
788
+ font-family:
789
+ Open Sans,
790
+ Arial,
791
+ sans-serif;
792
+ font-size: 0.875rem;
793
+ font-weight: 600;
794
+ --tw-text-opacity: 1;
795
+ color: rgb(112 112 112 / var(--tw-text-opacity));
796
+ align-self: center;
797
+ height: 2rem;
798
+ padding-left: 0.5rem;
799
+ }
800
+ .squiz-fte-scope .toolbar-dropdown__button:active,
801
+ .squiz-fte-scope .toolbar-dropdown__button:hover,
802
+ .squiz-fte-scope .toolbar-dropdown__button:focus {
803
+ background-color: rgba(0, 0, 0, 0.04);
3797
804
  }
3798
- .formatted-text-editor .editor-toolbar > *:not(:first-child) {
3799
- margin: 0 0 0 2px;
805
+ .squiz-fte-scope .toolbar-dropdown__button .toolbar-dropdown__label {
806
+ display: inline-flex;
807
+ width: 7rem;
3800
808
  }
3801
- .formatted-text-editor .editor-toolbar .editor-divider {
3802
- margin: -4px 2px -4px 4px;
809
+ .squiz-fte-scope .toolbar-dropdown__button .toolbar-dropdown__icon {
810
+ width: 1rem;
811
+ height: 1.5rem;
812
+ }
813
+ .squiz-fte-scope .toolbar-dropdown__menu {
814
+ border-radius: 4px;
3803
815
  border-width: 1px;
816
+ --tw-border-opacity: 1;
817
+ border-color: rgb(224 224 224 / var(--tw-border-opacity));
818
+ --tw-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 1px 4px 2px rgba(0,0,0,0.08);
819
+ --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 4px 2px var(--tw-shadow-color);
820
+ box-shadow:
821
+ var(--tw-ring-offset-shadow, 0 0 #0000),
822
+ var(--tw-ring-shadow, 0 0 #0000),
823
+ var(--tw-shadow);
824
+ position: absolute;
825
+ margin-top: 0.75rem;
826
+ }
827
+ .squiz-fte-scope .dropdown-button {
828
+ padding-left: 0.5rem;
829
+ padding-right: 0.5rem;
830
+ padding-top: 0.25rem;
831
+ padding-bottom: 0.25rem;
832
+ --tw-text-opacity: 1;
833
+ color: rgb(112 112 112 / var(--tw-text-opacity));
834
+ height: 40px;
835
+ width: 100%;
836
+ justify-content: space-between;
837
+ align-items: center;
838
+ display: flex;
3804
839
  }
3805
- .remirror-floating-popover {
3806
- padding: 4px;
3807
- border: 1px var(--grey-200);
3808
- border-radius: 6px;
3809
- background-color: white;
3810
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 1px 12px 4px rgba(0, 0, 0, 0.12);
840
+ .squiz-fte-scope .dropdown-button:hover,
841
+ .squiz-fte-scope .dropdown-button:focus {
842
+ background-color: rgba(0, 0, 0, 0.04);
843
+ }
844
+ .squiz-fte-scope .squiz-fte-modal {
845
+ display: flex;
846
+ width: 100%;
847
+ flex-direction: column;
848
+ border-width: 0px;
849
+ --tw-bg-opacity: 1;
850
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
851
+ font-family:
852
+ Open Sans,
853
+ Arial,
854
+ sans-serif;
855
+ --tw-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 1px 24px 12px rgba(0,0,0,0.12);
856
+ --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 24px 12px var(--tw-shadow-color);
857
+ box-shadow:
858
+ var(--tw-ring-offset-shadow, 0 0 #0000),
859
+ var(--tw-ring-shadow, 0 0 #0000),
860
+ var(--tw-shadow);
861
+ border-radius: 8px;
862
+ }
863
+ .squiz-fte-scope .squiz-fte-modal-wrapper {
864
+ position: fixed;
865
+ top: 0px;
866
+ right: 0px;
867
+ bottom: 0px;
868
+ left: 0px;
869
+ z-index: 50;
870
+ display: flex;
871
+ align-items: center;
872
+ justify-content: center;
873
+ overflow-y: auto;
874
+ overflow-x: hidden;
875
+ outline: 2px solid transparent;
876
+ outline-offset: 2px;
3811
877
  }
3812
- .btn {
878
+ .squiz-fte-scope .squiz-fte-modal-wrapper:focus {
879
+ outline: 2px solid transparent;
880
+ outline-offset: 2px;
881
+ }
882
+ .squiz-fte-scope .squiz-fte-modal-header {
883
+ display: flex;
884
+ align-items: flex-start;
885
+ justify-content: space-between;
886
+ }
887
+ .squiz-fte-scope .squiz-fte-modal-content {
888
+ position: relative;
889
+ flex: 1 1 auto;
890
+ padding-left: 1.5rem;
891
+ padding-right: 1.5rem;
892
+ }
893
+ .squiz-fte-scope .squiz-fte-modal-footer {
3813
894
  display: flex;
3814
895
  align-items: center;
896
+ justify-content: flex-end;
897
+ border-bottom-right-radius: 4px;
898
+ border-bottom-left-radius: 4px;
899
+ }
900
+ .squiz-fte-scope .squiz-fte-modal-footer__button {
901
+ font-size: 0.875rem;
902
+ border-radius: 4px;
3815
903
  font-weight: 400;
904
+ transition-property: all;
905
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
906
+ transition-duration: 150ms;
907
+ transition-timing-function: linear;
908
+ display: flex;
909
+ align-items: center;
3816
910
  text-align: center;
3817
911
  white-space: nowrap;
3818
912
  vertical-align: middle;
@@ -3820,27 +914,30 @@ button:active .remirror-menu-pane-shortcut,
3820
914
  cursor: pointer;
3821
915
  background-image: none;
3822
916
  border: 1px solid transparent;
3823
- border-radius: var(--border-radius);
3824
- }
3825
- .btn:active,
3826
- .btn:hover,
3827
- .btn:focus {
3828
- background-color: rgba(0, 0, 0, 0.04);
917
+ padding: 6px 12px;
3829
918
  }
3830
- .btn.disabled,
3831
- .btn[disabled] {
919
+ .squiz-fte-scope .squiz-fte-modal-footer__button.disabled,
920
+ .squiz-fte-scope .squiz-fte-modal-footer__button[disabled] {
3832
921
  cursor: not-allowed;
3833
922
  opacity: 0.5;
3834
923
  }
3835
- .toolbar-button {
3836
- background-color: white;
3837
- color: var(--grey-600);
3838
- padding: 4px;
924
+ .squiz-fte-scope .hover\:bg-blue-400:hover {
925
+ --tw-bg-opacity: 1 !important;
926
+ background-color: rgb(4 73 133 / var(--tw-bg-opacity)) !important;
3839
927
  }
3840
- .toolbar-button ~ .toolbar-button {
3841
- margin-left: 2px;
928
+ .squiz-fte-scope .hover\:bg-gray-100:hover {
929
+ --tw-bg-opacity: 1 !important;
930
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
931
+ }
932
+ .squiz-fte-scope .hover\:bg-gray-300:hover {
933
+ --tw-bg-opacity: 1 !important;
934
+ background-color: rgb(224 224 224 / var(--tw-bg-opacity)) !important;
935
+ }
936
+ .squiz-fte-scope .focus\:border-blue-300:focus {
937
+ --tw-border-opacity: 1 !important;
938
+ border-color: rgb(7 116 210 / var(--tw-border-opacity)) !important;
3842
939
  }
3843
- .toolbar-button.is-active {
3844
- background-color: var(--blue-100);
3845
- color: var(--blue-300);
940
+ .squiz-fte-scope .focus\:outline-none:focus {
941
+ outline: 2px solid transparent !important;
942
+ outline-offset: 2px !important;
3846
943
  }