@prosekit/basic 0.7.3 → 0.9.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/prosekit-basic.js +1 -2
- package/dist/prosekit-basic.js.map +1 -1
- package/dist/style.css +128 -156
- package/dist/typography.css +279 -212
- package/package.json +11 -8
- package/src/typography.css +1 -246
- package/src/typography.gen.css +248 -0
- package/src/typography.scss +422 -0
- package/dist/style.css.map +0 -1
- package/dist/style.js +0 -1
- package/dist/typography.css.map +0 -1
- package/dist/typography.js +0 -1
package/dist/prosekit-basic.js
CHANGED
|
@@ -19,7 +19,6 @@ import { defineTable } from "@prosekit/extensions/table";
|
|
|
19
19
|
import { defineText } from "@prosekit/extensions/text";
|
|
20
20
|
import { defineUnderline } from "@prosekit/extensions/underline";
|
|
21
21
|
import { defineVirtualSelection } from "@prosekit/extensions/virtual-selection";
|
|
22
|
-
|
|
23
22
|
//#region src/index.ts
|
|
24
23
|
/**
|
|
25
24
|
* Define a basic extension that includes some common functionality. You can
|
|
@@ -56,7 +55,7 @@ import { defineVirtualSelection } from "@prosekit/extensions/virtual-selection";
|
|
|
56
55
|
function defineBasicExtension() {
|
|
57
56
|
return union(defineDoc(), defineText(), defineParagraph(), defineHeading(), defineList(), defineBlockquote(), defineImage(), defineHorizontalRule(), defineHardBreak(), defineTable(), defineCodeBlock(), defineItalic(), defineBold(), defineUnderline(), defineStrike(), defineCode(), defineLink(), defineBaseKeymap(), defineBaseCommands(), defineHistory(), defineGapCursor(), defineVirtualSelection(), defineModClickPrevention());
|
|
58
57
|
}
|
|
59
|
-
|
|
60
58
|
//#endregion
|
|
61
59
|
export { defineBasicExtension };
|
|
60
|
+
|
|
62
61
|
//# sourceMappingURL=prosekit-basic.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-basic.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import {\n defineBaseCommands,\n defineBaseKeymap,\n defineHistory,\n union,\n type BaseCommandsExtension,\n type BaseKeymapExtension,\n type HistoryExtension,\n type Union,\n} from '@prosekit/core'\nimport { defineBlockquote, type BlockquoteExtension } from '@prosekit/extensions/blockquote'\nimport { defineBold, type BoldExtension } from '@prosekit/extensions/bold'\nimport { defineCode, type CodeExtension } from '@prosekit/extensions/code'\nimport { defineCodeBlock, type CodeBlockExtension } from '@prosekit/extensions/code-block'\nimport { defineDoc, type DocExtension } from '@prosekit/extensions/doc'\nimport { defineGapCursor, type GapCursorExtension } from '@prosekit/extensions/gap-cursor'\nimport { defineHardBreak, type HardBreakExtension } from '@prosekit/extensions/hard-break'\nimport { defineHeading, type HeadingExtension } from '@prosekit/extensions/heading'\nimport { defineHorizontalRule, type HorizontalRuleExtension } from '@prosekit/extensions/horizontal-rule'\nimport { defineImage, type ImageExtension } from '@prosekit/extensions/image'\nimport { defineItalic, type ItalicExtension } from '@prosekit/extensions/italic'\nimport { defineLink, type LinkExtension } from '@prosekit/extensions/link'\nimport { defineList, type ListExtension } from '@prosekit/extensions/list'\nimport { defineModClickPrevention, type ModClickPreventionExtension } from '@prosekit/extensions/mod-click-prevention'\nimport { defineParagraph, type ParagraphExtension } from '@prosekit/extensions/paragraph'\nimport { defineStrike, type StrikeExtension } from '@prosekit/extensions/strike'\nimport { defineTable, type TableExtension } from '@prosekit/extensions/table'\nimport { defineText, type TextExtension } from '@prosekit/extensions/text'\nimport { defineUnderline, type UnderlineExtension } from '@prosekit/extensions/underline'\nimport { defineVirtualSelection, type VirtualSelectionExtension } from '@prosekit/extensions/virtual-selection'\n\n/**\n * @internal\n */\nexport type BasicExtension = Union<\n [\n // Nodes\n DocExtension,\n TextExtension,\n ParagraphExtension,\n HeadingExtension,\n ListExtension,\n BlockquoteExtension,\n ImageExtension,\n HorizontalRuleExtension,\n HardBreakExtension,\n TableExtension,\n CodeBlockExtension,\n // Marks\n ItalicExtension,\n BoldExtension,\n UnderlineExtension,\n StrikeExtension,\n CodeExtension,\n LinkExtension,\n // Others\n BaseKeymapExtension,\n BaseCommandsExtension,\n HistoryExtension,\n GapCursorExtension,\n VirtualSelectionExtension,\n ModClickPreventionExtension,\n ]\n>\n\n/**\n * Define a basic extension that includes some common functionality. You can\n * copy this function and customize it to your needs.\n *\n * It's a combination of the following extension functions:\n *\n * - {@link defineDoc}\n * - {@link defineText}\n * - {@link defineParagraph}\n * - {@link defineHeading}\n * - {@link defineList}\n * - {@link defineBlockquote}\n * - {@link defineImage}\n * - {@link defineHorizontalRule}\n * - {@link defineHardBreak}\n * - {@link defineTable}\n * - {@link defineCodeBlock}\n * - {@link defineItalic}\n * - {@link defineBold}\n * - {@link defineUnderline}\n * - {@link defineStrike}\n * - {@link defineCode}\n * - {@link defineLink}\n * - {@link defineBaseKeymap}\n * - {@link defineBaseCommands}\n * - {@link defineHistory}\n * - {@link defineGapCursor}\n * - {@link defineVirtualSelection}\n * - {@link defineModClickPrevention}\n *\n * @public\n */\nexport function defineBasicExtension(): BasicExtension {\n return union(\n // Nodes\n defineDoc(),\n defineText(),\n defineParagraph(),\n defineHeading(),\n defineList(),\n defineBlockquote(),\n defineImage(),\n defineHorizontalRule(),\n defineHardBreak(),\n defineTable(),\n defineCodeBlock(),\n // Marks\n defineItalic(),\n defineBold(),\n defineUnderline(),\n defineStrike(),\n defineCode(),\n defineLink(),\n // Others\n defineBaseKeymap(),\n defineBaseCommands(),\n defineHistory(),\n defineGapCursor(),\n defineVirtualSelection(),\n defineModClickPrevention(),\n )\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"prosekit-basic.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import {\n defineBaseCommands,\n defineBaseKeymap,\n defineHistory,\n union,\n type BaseCommandsExtension,\n type BaseKeymapExtension,\n type HistoryExtension,\n type Union,\n} from '@prosekit/core'\nimport { defineBlockquote, type BlockquoteExtension } from '@prosekit/extensions/blockquote'\nimport { defineBold, type BoldExtension } from '@prosekit/extensions/bold'\nimport { defineCode, type CodeExtension } from '@prosekit/extensions/code'\nimport { defineCodeBlock, type CodeBlockExtension } from '@prosekit/extensions/code-block'\nimport { defineDoc, type DocExtension } from '@prosekit/extensions/doc'\nimport { defineGapCursor, type GapCursorExtension } from '@prosekit/extensions/gap-cursor'\nimport { defineHardBreak, type HardBreakExtension } from '@prosekit/extensions/hard-break'\nimport { defineHeading, type HeadingExtension } from '@prosekit/extensions/heading'\nimport { defineHorizontalRule, type HorizontalRuleExtension } from '@prosekit/extensions/horizontal-rule'\nimport { defineImage, type ImageExtension } from '@prosekit/extensions/image'\nimport { defineItalic, type ItalicExtension } from '@prosekit/extensions/italic'\nimport { defineLink, type LinkExtension } from '@prosekit/extensions/link'\nimport { defineList, type ListExtension } from '@prosekit/extensions/list'\nimport { defineModClickPrevention, type ModClickPreventionExtension } from '@prosekit/extensions/mod-click-prevention'\nimport { defineParagraph, type ParagraphExtension } from '@prosekit/extensions/paragraph'\nimport { defineStrike, type StrikeExtension } from '@prosekit/extensions/strike'\nimport { defineTable, type TableExtension } from '@prosekit/extensions/table'\nimport { defineText, type TextExtension } from '@prosekit/extensions/text'\nimport { defineUnderline, type UnderlineExtension } from '@prosekit/extensions/underline'\nimport { defineVirtualSelection, type VirtualSelectionExtension } from '@prosekit/extensions/virtual-selection'\n\n/**\n * @internal\n */\nexport type BasicExtension = Union<\n [\n // Nodes\n DocExtension,\n TextExtension,\n ParagraphExtension,\n HeadingExtension,\n ListExtension,\n BlockquoteExtension,\n ImageExtension,\n HorizontalRuleExtension,\n HardBreakExtension,\n TableExtension,\n CodeBlockExtension,\n // Marks\n ItalicExtension,\n BoldExtension,\n UnderlineExtension,\n StrikeExtension,\n CodeExtension,\n LinkExtension,\n // Others\n BaseKeymapExtension,\n BaseCommandsExtension,\n HistoryExtension,\n GapCursorExtension,\n VirtualSelectionExtension,\n ModClickPreventionExtension,\n ]\n>\n\n/**\n * Define a basic extension that includes some common functionality. You can\n * copy this function and customize it to your needs.\n *\n * It's a combination of the following extension functions:\n *\n * - {@link defineDoc}\n * - {@link defineText}\n * - {@link defineParagraph}\n * - {@link defineHeading}\n * - {@link defineList}\n * - {@link defineBlockquote}\n * - {@link defineImage}\n * - {@link defineHorizontalRule}\n * - {@link defineHardBreak}\n * - {@link defineTable}\n * - {@link defineCodeBlock}\n * - {@link defineItalic}\n * - {@link defineBold}\n * - {@link defineUnderline}\n * - {@link defineStrike}\n * - {@link defineCode}\n * - {@link defineLink}\n * - {@link defineBaseKeymap}\n * - {@link defineBaseCommands}\n * - {@link defineHistory}\n * - {@link defineGapCursor}\n * - {@link defineVirtualSelection}\n * - {@link defineModClickPrevention}\n *\n * @public\n */\nexport function defineBasicExtension(): BasicExtension {\n return union(\n // Nodes\n defineDoc(),\n defineText(),\n defineParagraph(),\n defineHeading(),\n defineList(),\n defineBlockquote(),\n defineImage(),\n defineHorizontalRule(),\n defineHardBreak(),\n defineTable(),\n defineCodeBlock(),\n // Marks\n defineItalic(),\n defineBold(),\n defineUnderline(),\n defineStrike(),\n defineCode(),\n defineLink(),\n // Others\n defineBaseKeymap(),\n defineBaseCommands(),\n defineHistory(),\n defineGapCursor(),\n defineVirtualSelection(),\n defineModClickPrevention(),\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA,SAAgB,uBAAuC;AACrD,QAAO,MAEL,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EAEjB,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,YAAY,EAEZ,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,wBAAwB,EACxB,0BAA0B,CAC3B"}
|
package/dist/style.css
CHANGED
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
.ProseMirror {
|
|
2
|
-
position: relative;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
1
|
.ProseMirror {
|
|
6
2
|
word-wrap: break-word;
|
|
7
3
|
white-space: pre-wrap;
|
|
8
4
|
white-space: break-spaces;
|
|
9
5
|
-webkit-font-variant-ligatures: none;
|
|
10
6
|
font-variant-ligatures: none;
|
|
11
|
-
font-feature-settings: "liga" 0;
|
|
7
|
+
font-feature-settings: "liga" 0;
|
|
8
|
+
position: relative;
|
|
12
9
|
}
|
|
13
10
|
|
|
14
11
|
.ProseMirror pre {
|
|
@@ -19,41 +16,44 @@
|
|
|
19
16
|
position: relative;
|
|
20
17
|
}
|
|
21
18
|
|
|
22
|
-
.ProseMirror-hideselection
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
.ProseMirror-hideselection ::selection {
|
|
20
|
+
background: none;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.ProseMirror-hideselection ::selection {
|
|
24
|
+
background: none;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.ProseMirror-hideselection {
|
|
28
|
+
caret-color: #0000;
|
|
29
|
+
}
|
|
25
30
|
|
|
26
|
-
|
|
27
|
-
|
|
31
|
+
.ProseMirror [draggable][contenteditable="false"] {
|
|
32
|
+
user-select: text;
|
|
33
|
+
}
|
|
28
34
|
|
|
29
35
|
.ProseMirror-selectednode {
|
|
30
36
|
outline: 2px solid #8cf;
|
|
31
37
|
}
|
|
32
38
|
|
|
33
|
-
/* Make sure li selections wrap around markers */
|
|
34
|
-
|
|
35
39
|
li.ProseMirror-selectednode {
|
|
36
40
|
outline: none;
|
|
37
41
|
}
|
|
38
42
|
|
|
39
43
|
li.ProseMirror-selectednode:after {
|
|
40
44
|
content: "";
|
|
41
|
-
position: absolute;
|
|
42
|
-
left: -32px;
|
|
43
|
-
right: -2px; top: -2px; bottom: -2px;
|
|
44
|
-
border: 2px solid #8cf;
|
|
45
45
|
pointer-events: none;
|
|
46
|
+
border: 2px solid #8cf;
|
|
47
|
+
position: absolute;
|
|
48
|
+
inset: -2px -2px -2px -32px;
|
|
46
49
|
}
|
|
47
50
|
|
|
48
|
-
/* Protect against generic img rules */
|
|
49
|
-
|
|
50
51
|
img.ProseMirror-separator {
|
|
51
|
-
display: inline !important;
|
|
52
52
|
border: none !important;
|
|
53
53
|
margin: 0 !important;
|
|
54
|
+
display: inline !important;
|
|
54
55
|
}
|
|
55
56
|
|
|
56
|
-
|
|
57
57
|
:root {
|
|
58
58
|
--prosekit-list-bullet-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='2.5' fill='currentColor'/%3E%3C/svg%3E");
|
|
59
59
|
--prosekit-list-toggle-open-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon points='8,10 12,14 16,10' fill='currentColor'/%3E%3C/svg%3E");
|
|
@@ -61,182 +61,157 @@ img.ProseMirror-separator {
|
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
.prosemirror-flat-list {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
}
|
|
64
|
+
margin: 0;
|
|
65
|
+
padding: 0;
|
|
66
|
+
list-style: none;
|
|
67
|
+
position: relative;
|
|
68
|
+
}
|
|
70
69
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
70
|
+
.prosemirror-flat-list > .list-marker {
|
|
71
|
+
width: 1.5em;
|
|
72
|
+
width: 1lh;
|
|
73
|
+
height: 1.5em;
|
|
74
|
+
text-align: center;
|
|
75
|
+
height: 1lh;
|
|
76
|
+
position: absolute;
|
|
77
|
+
inset-inline-start: 0;
|
|
78
|
+
}
|
|
80
79
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
80
|
+
.prosemirror-flat-list > .list-content {
|
|
81
|
+
margin-inline-start: 1.5em;
|
|
82
|
+
margin-inline-start: 1lh;
|
|
83
|
+
}
|
|
85
84
|
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
}
|
|
85
|
+
.prosemirror-flat-list[data-list-kind="bullet"] > .list-marker, .prosemirror-flat-list[data-list-kind="toggle"] > .list-marker {
|
|
86
|
+
background-color: currentColor;
|
|
87
|
+
mask-position: center;
|
|
88
|
+
mask-size: contain;
|
|
89
|
+
mask-repeat: no-repeat;
|
|
90
|
+
}
|
|
93
91
|
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
}
|
|
98
|
-
}
|
|
92
|
+
.prosemirror-flat-list[data-list-kind="bullet"] > .list-marker {
|
|
93
|
+
mask-image: var(--prosekit-list-bullet-icon);
|
|
94
|
+
}
|
|
99
95
|
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
}
|
|
96
|
+
.prosemirror-flat-list[data-list-kind="toggle"] > .list-marker {
|
|
97
|
+
mask-image: var(--prosekit-list-toggle-open-icon);
|
|
98
|
+
}
|
|
104
99
|
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
}
|
|
100
|
+
.prosemirror-flat-list[data-list-kind="toggle"][data-list-collapsable][data-list-collapsed] > .list-marker {
|
|
101
|
+
mask-image: var(--prosekit-list-toggle-closed-icon);
|
|
102
|
+
}
|
|
109
103
|
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
&::before {
|
|
122
|
-
position: absolute;
|
|
123
|
-
inset-inline-end: calc(100% - 1.5em);
|
|
124
|
-
inset-inline-end: calc(100% - 1lh);
|
|
125
|
-
content: counter(prosemirror-flat-list-counter, decimal) ". ";
|
|
126
|
-
font-variant-numeric: tabular-nums;
|
|
127
|
-
}
|
|
128
|
-
counter-increment: prosemirror-flat-list-counter;
|
|
129
|
-
|
|
130
|
-
/*
|
|
131
|
-
Reset the counter for the first list node in the sequence.
|
|
132
|
-
*/
|
|
133
|
-
&:first-child,
|
|
134
|
-
:not(&) + & {
|
|
135
|
-
counter-reset: prosemirror-flat-list-counter;
|
|
136
|
-
|
|
137
|
-
/*
|
|
138
|
-
If the first list node has a custom order number, set the counter to that value.
|
|
139
|
-
*/
|
|
140
|
-
&[data-list-order] {
|
|
141
|
-
@supports (counter-set: prosemirror-flat-list-counter 1) {
|
|
142
|
-
counter-set: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
/*
|
|
146
|
-
Safari older than version 17.2 doesn't support `counter-set`
|
|
147
|
-
*/
|
|
148
|
-
@supports not (counter-set: prosemirror-flat-list-counter 1) {
|
|
149
|
-
counter-increment: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
}
|
|
104
|
+
.prosemirror-flat-list[data-list-kind="ordered"] > * {
|
|
105
|
+
contain: style;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.prosemirror-flat-list[data-list-kind="ordered"]:before {
|
|
109
|
+
inset-inline-end: calc(100% - 1.5em);
|
|
110
|
+
content: counter(prosemirror-flat-list-counter, decimal) ". ";
|
|
111
|
+
font-variant-numeric: tabular-nums;
|
|
112
|
+
position: absolute;
|
|
113
|
+
inset-inline-end: calc(100% - 1lh);
|
|
114
|
+
}
|
|
154
115
|
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
}
|
|
167
|
-
}
|
|
116
|
+
.prosemirror-flat-list[data-list-kind="ordered"] {
|
|
117
|
+
counter-increment: prosemirror-flat-list-counter;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.prosemirror-flat-list[data-list-kind="ordered"]:first-child, :not(.prosemirror-flat-list[data-list-kind="ordered"]) + .prosemirror-flat-list[data-list-kind="ordered"] {
|
|
121
|
+
counter-reset: prosemirror-flat-list-counter;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
@supports (counter-set: prosemirror-flat-list-counter 1) {
|
|
125
|
+
:is(.prosemirror-flat-list[data-list-kind="ordered"]:first-child, :not(.prosemirror-flat-list[data-list-kind="ordered"]) + .prosemirror-flat-list[data-list-kind="ordered"])[data-list-order] {
|
|
126
|
+
counter-set: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);
|
|
168
127
|
}
|
|
128
|
+
}
|
|
169
129
|
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
}
|
|
174
|
-
&:not([data-list-collapsable]) > .list-marker {
|
|
175
|
-
opacity: 40%;
|
|
176
|
-
pointer-events: none;
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
/* If collapsed, hide the second and futher children */
|
|
180
|
-
&[data-list-collapsable][data-list-collapsed] > .list-content > *:nth-child(n+2) {
|
|
181
|
-
display: none;
|
|
182
|
-
}
|
|
130
|
+
@supports not (counter-set: prosemirror-flat-list-counter 1) {
|
|
131
|
+
:is(.prosemirror-flat-list[data-list-kind="ordered"]:first-child, :not(.prosemirror-flat-list[data-list-kind="ordered"]) + .prosemirror-flat-list[data-list-kind="ordered"])[data-list-order] {
|
|
132
|
+
counter-increment: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);
|
|
183
133
|
}
|
|
184
134
|
}
|
|
185
135
|
|
|
136
|
+
.prosemirror-flat-list[data-list-kind="task"] > .list-marker, .prosemirror-flat-list[data-list-kind="task"] > .list-marker * {
|
|
137
|
+
cursor: pointer;
|
|
138
|
+
justify-content: center;
|
|
139
|
+
align-items: center;
|
|
140
|
+
margin: 0;
|
|
141
|
+
padding: 0;
|
|
142
|
+
display: flex;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.prosemirror-flat-list[data-list-kind="toggle"][data-list-collapsable] > .list-marker {
|
|
146
|
+
cursor: pointer;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.prosemirror-flat-list[data-list-kind="toggle"]:not([data-list-collapsable]) > .list-marker {
|
|
150
|
+
opacity: .4;
|
|
151
|
+
pointer-events: none;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.prosemirror-flat-list[data-list-kind="toggle"][data-list-collapsable][data-list-collapsed] > .list-content > :nth-child(n+2) {
|
|
155
|
+
display: none;
|
|
156
|
+
}
|
|
157
|
+
|
|
186
158
|
.ProseMirror .tableWrapper {
|
|
187
159
|
overflow-x: auto;
|
|
188
160
|
}
|
|
161
|
+
|
|
189
162
|
.ProseMirror table {
|
|
190
|
-
width: 100%;
|
|
191
|
-
overflow: hidden;
|
|
192
163
|
border-collapse: collapse;
|
|
193
164
|
table-layout: fixed;
|
|
165
|
+
width: 100%;
|
|
166
|
+
overflow: hidden;
|
|
194
167
|
}
|
|
195
|
-
|
|
196
|
-
.ProseMirror th {
|
|
168
|
+
|
|
169
|
+
.ProseMirror td, .ProseMirror th {
|
|
197
170
|
box-sizing: border-box;
|
|
198
|
-
position: relative;
|
|
199
|
-
padding-right: 0.75rem;
|
|
200
|
-
padding-left: 0.75rem;
|
|
201
|
-
border-width: 1px;
|
|
202
171
|
vertical-align: top;
|
|
172
|
+
border-width: 1px;
|
|
173
|
+
padding-left: .75rem;
|
|
174
|
+
padding-right: .75rem;
|
|
175
|
+
position: relative;
|
|
203
176
|
}
|
|
204
177
|
|
|
205
178
|
prosekit-table-handle-drop-indicator {
|
|
206
|
-
background-color:
|
|
179
|
+
background-color: highlighttext;
|
|
207
180
|
}
|
|
208
181
|
|
|
209
182
|
.ProseMirror .column-resize-handle {
|
|
210
183
|
z-index: 20;
|
|
184
|
+
pointer-events: none;
|
|
185
|
+
background-color: highlighttext;
|
|
186
|
+
width: 4px;
|
|
211
187
|
position: absolute;
|
|
212
188
|
top: 0;
|
|
213
|
-
right: -2px;
|
|
214
189
|
bottom: 0;
|
|
215
|
-
|
|
216
|
-
background-color: HighlightText;
|
|
217
|
-
pointer-events: none;
|
|
190
|
+
right: -2px;
|
|
218
191
|
}
|
|
192
|
+
|
|
219
193
|
.ProseMirror.resize-cursor {
|
|
220
194
|
cursor: ew-resize;
|
|
221
195
|
cursor: col-resize;
|
|
222
196
|
}
|
|
197
|
+
|
|
223
198
|
.ProseMirror .selectedCell {
|
|
224
199
|
--color: 210, 100%, 56%;
|
|
225
200
|
border: 1px double hsl(var(--color));
|
|
226
201
|
background-color: hsla(var(--color), 20%);
|
|
227
202
|
}
|
|
228
203
|
|
|
229
|
-
.prosekit-placeholder
|
|
230
|
-
position: absolute;
|
|
231
|
-
height: 0;
|
|
204
|
+
.prosekit-placeholder:before {
|
|
232
205
|
content: attr(data-placeholder);
|
|
233
|
-
opacity:
|
|
206
|
+
opacity: .3;
|
|
234
207
|
pointer-events: none;
|
|
208
|
+
height: 0;
|
|
209
|
+
position: absolute;
|
|
235
210
|
}
|
|
236
211
|
|
|
237
212
|
.prosekit-virtual-selection {
|
|
238
|
-
border-radius: 2px;
|
|
239
213
|
background-color: #8888884d;
|
|
214
|
+
border-radius: 2px;
|
|
240
215
|
box-shadow: 0 0 0 2px #8888884d;
|
|
241
216
|
}
|
|
242
217
|
|
|
@@ -244,24 +219,25 @@ prosekit-table-handle-drop-indicator {
|
|
|
244
219
|
background-color: #e5534b80;
|
|
245
220
|
text-decoration: line-through;
|
|
246
221
|
}
|
|
222
|
+
|
|
247
223
|
.prosekit-commit-addition {
|
|
248
224
|
background-color: #53e54b80;
|
|
249
225
|
}
|
|
250
226
|
|
|
251
227
|
.ProseMirror-gapcursor {
|
|
228
|
+
pointer-events: none;
|
|
252
229
|
display: none;
|
|
253
230
|
position: relative;
|
|
254
|
-
pointer-events: none;
|
|
255
231
|
}
|
|
256
232
|
|
|
257
233
|
.ProseMirror-gapcursor:after {
|
|
234
|
+
content: "";
|
|
235
|
+
border-top: 1px solid;
|
|
236
|
+
width: 20px;
|
|
237
|
+
animation: 1.1s steps(2, start) infinite ProseMirror-cursor-blink;
|
|
258
238
|
display: block;
|
|
259
239
|
position: absolute;
|
|
260
240
|
top: -2px;
|
|
261
|
-
width: 20px;
|
|
262
|
-
border-top: 1px solid currentColor;
|
|
263
|
-
content: "";
|
|
264
|
-
animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
|
|
265
241
|
}
|
|
266
242
|
|
|
267
243
|
@keyframes ProseMirror-cursor-blink {
|
|
@@ -273,7 +249,3 @@ prosekit-table-handle-drop-indicator {
|
|
|
273
249
|
.ProseMirror-focused .ProseMirror-gapcursor {
|
|
274
250
|
display: block;
|
|
275
251
|
}
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
/*# sourceMappingURL=style.css.map*/
|