@vscode/markdown-editor 0.0.2-27 → 0.0.2-29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +27 -0
- package/dist/index.js +268 -215
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/view/editor.css +14 -0
- package/src/view/themes/vscode-default.css +14 -6
package/package.json
CHANGED
package/src/view/editor.css
CHANGED
|
@@ -763,6 +763,20 @@ pre.md-unhandled-scroll.md-code-block {
|
|
|
763
763
|
width: 2px;
|
|
764
764
|
background: var(--md-cursor-background, #000);
|
|
765
765
|
pointer-events: none;
|
|
766
|
+
}
|
|
767
|
+
|
|
768
|
+
/*
|
|
769
|
+
* The painted caret is only shown while the editor is genuinely focused — focus
|
|
770
|
+
* rests inside it and its window is focused, mirrored onto the root as
|
|
771
|
+
* `.md-focused`. When unfocused, hide the caret element but keep its layout box
|
|
772
|
+
* (so caret geometry, selection and comment anchoring are unchanged) and stop
|
|
773
|
+
* the blink. Adding the animation on focus restarts it from 0% (a solid caret).
|
|
774
|
+
*/
|
|
775
|
+
.md-editor:not(.md-focused) .md-cursor {
|
|
776
|
+
visibility: hidden;
|
|
777
|
+
}
|
|
778
|
+
|
|
779
|
+
.md-editor.md-focused .md-cursor {
|
|
766
780
|
animation: md-cursor-blink 1s step-end infinite;
|
|
767
781
|
}
|
|
768
782
|
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
* (`markdown-language-features/media/markdown.css`): a 14px base with a 22px
|
|
7
7
|
* line box, headings underlined with a 1px rule, a 5px blockquote bar, and
|
|
8
8
|
* code blocks framed by a 1px border on the editor's code-block background.
|
|
9
|
+
* Its heading scale is moderately reduced to better fit narrower editor panes.
|
|
9
10
|
* The sibling `vscode-github.css` (`md-theme-vscode-github`) instead mirrors
|
|
10
11
|
* GitHub's layout (16px base, badge-style inline code, zebra tables).
|
|
11
12
|
*
|
|
@@ -50,6 +51,13 @@
|
|
|
50
51
|
--md-cursor-background: var(--vscode-editorCursor-foreground, #000);
|
|
51
52
|
--md-readonly-accent: var(--vscode-button-background, rgb(45, 92, 180));
|
|
52
53
|
--md-readonly-accent-foreground: var(--vscode-button-foreground, #fff);
|
|
54
|
+
--md-separator-color: color-mix(in srgb,
|
|
55
|
+
var(--vscode-textSeparator-foreground, #d1d9e0) 60%, transparent);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.vscode-high-contrast .md-editor.md-theme-vscode-default,
|
|
59
|
+
.vscode-high-contrast-light .md-editor.md-theme-vscode-default {
|
|
60
|
+
--md-separator-color: var(--vscode-textSeparator-foreground, currentColor);
|
|
53
61
|
}
|
|
54
62
|
|
|
55
63
|
.md-theme-vscode-default .md-heading {
|
|
@@ -60,19 +68,19 @@
|
|
|
60
68
|
}
|
|
61
69
|
|
|
62
70
|
.md-theme-vscode-default h1.md-heading {
|
|
63
|
-
font-size:
|
|
71
|
+
font-size: 1.75em;
|
|
64
72
|
padding-bottom: 0.3em;
|
|
65
|
-
border-bottom: 1px solid var(--
|
|
73
|
+
border-bottom: 1px solid var(--md-separator-color);
|
|
66
74
|
}
|
|
67
75
|
|
|
68
76
|
.md-theme-vscode-default h2.md-heading {
|
|
69
|
-
font-size: 1.
|
|
77
|
+
font-size: 1.4em;
|
|
70
78
|
padding-bottom: 0.3em;
|
|
71
|
-
border-bottom: 1px solid var(--
|
|
79
|
+
border-bottom: 1px solid var(--md-separator-color);
|
|
72
80
|
}
|
|
73
81
|
|
|
74
82
|
.md-theme-vscode-default h3.md-heading {
|
|
75
|
-
font-size: 1.
|
|
83
|
+
font-size: 1.2em;
|
|
76
84
|
}
|
|
77
85
|
|
|
78
86
|
.md-theme-vscode-default h4.md-heading {
|
|
@@ -125,7 +133,7 @@
|
|
|
125
133
|
padding: 0;
|
|
126
134
|
margin: 24px 0;
|
|
127
135
|
border: 0;
|
|
128
|
-
border-bottom: 1px solid var(--
|
|
136
|
+
border-bottom: 1px solid var(--md-separator-color);
|
|
129
137
|
}
|
|
130
138
|
|
|
131
139
|
.md-theme-vscode-default a {
|