@yurikilian/lex4 1.5.2 → 1.5.3
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/components/BlockTypePicker.d.ts.map +1 -1
- package/dist/extensions/extension-context.d.ts +3 -3
- package/dist/extensions/extension-context.d.ts.map +1 -1
- package/dist/lex4-editor.cjs +22 -12
- package/dist/lex4-editor.cjs.map +1 -1
- package/dist/lex4-editor.js +22 -12
- package/dist/lex4-editor.js.map +1 -1
- package/dist/style.css +43 -3
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -89,6 +89,8 @@
|
|
|
89
89
|
--lex4-sidebar-width: 320px;
|
|
90
90
|
--lex4-ui-font-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
91
91
|
--lex4-font-family: 'Calibri', 'Carlito', sans-serif;
|
|
92
|
+
--lex4-body-font-size: 12pt;
|
|
93
|
+
--lex4-body-line-height: 1.5;
|
|
92
94
|
|
|
93
95
|
font-family: var(--lex4-ui-font-family);
|
|
94
96
|
-webkit-font-smoothing: antialiased;
|
|
@@ -286,7 +288,10 @@
|
|
|
286
288
|
}
|
|
287
289
|
|
|
288
290
|
.lex4-block-type-item-code {
|
|
289
|
-
min-width:
|
|
291
|
+
min-width: 2rem;
|
|
292
|
+
padding: 0.1875rem 0.4375rem;
|
|
293
|
+
border-radius: 999px;
|
|
294
|
+
background-color: color-mix(in srgb, var(--color-secondary) 86%, var(--color-background));
|
|
290
295
|
font-size: 0.8125rem;
|
|
291
296
|
line-height: 1rem;
|
|
292
297
|
font-weight: 600;
|
|
@@ -300,6 +305,7 @@
|
|
|
300
305
|
|
|
301
306
|
.lex4-block-type-item-code.active {
|
|
302
307
|
color: var(--color-primary);
|
|
308
|
+
background-color: color-mix(in srgb, var(--color-primary) 12%, var(--color-background));
|
|
303
309
|
}
|
|
304
310
|
|
|
305
311
|
.lex4-block-type-item-label {
|
|
@@ -308,6 +314,14 @@
|
|
|
308
314
|
font-weight: 500;
|
|
309
315
|
}
|
|
310
316
|
|
|
317
|
+
.lex4-block-type-item-check {
|
|
318
|
+
margin-left: auto;
|
|
319
|
+
display: inline-flex;
|
|
320
|
+
align-items: center;
|
|
321
|
+
justify-content: center;
|
|
322
|
+
color: var(--color-primary);
|
|
323
|
+
}
|
|
324
|
+
|
|
311
325
|
.lex4-editor button.lex4-toolbar-toggle-btn {
|
|
312
326
|
display: inline-flex;
|
|
313
327
|
align-items: center;
|
|
@@ -1109,10 +1123,27 @@
|
|
|
1109
1123
|
height: 100%;
|
|
1110
1124
|
padding: 0;
|
|
1111
1125
|
overflow: visible;
|
|
1126
|
+
font-size: var(--lex4-body-font-size);
|
|
1127
|
+
line-height: var(--lex4-body-line-height);
|
|
1112
1128
|
}
|
|
1113
1129
|
|
|
1114
1130
|
.lex4-root {
|
|
1115
1131
|
outline: none;
|
|
1132
|
+
font-size: var(--lex4-body-font-size);
|
|
1133
|
+
line-height: var(--lex4-body-line-height);
|
|
1134
|
+
}
|
|
1135
|
+
|
|
1136
|
+
.lex4-page-body-editable::-moz-selection, .lex4-page-body-editable *::-moz-selection, .lex4-root::-moz-selection, .lex4-root *::-moz-selection {
|
|
1137
|
+
background-color: var(--color-selection-bg);
|
|
1138
|
+
color: var(--color-selection-text);
|
|
1139
|
+
}
|
|
1140
|
+
|
|
1141
|
+
.lex4-page-body-editable::selection,
|
|
1142
|
+
.lex4-page-body-editable *::selection,
|
|
1143
|
+
.lex4-root::selection,
|
|
1144
|
+
.lex4-root *::selection {
|
|
1145
|
+
background-color: var(--color-selection-bg);
|
|
1146
|
+
color: var(--color-selection-text);
|
|
1116
1147
|
}
|
|
1117
1148
|
|
|
1118
1149
|
.lex4-paragraph {
|
|
@@ -1120,6 +1151,15 @@
|
|
|
1120
1151
|
text-align: justify;
|
|
1121
1152
|
}
|
|
1122
1153
|
|
|
1154
|
+
.lex4-paragraph:has(> br:only-child) {
|
|
1155
|
+
min-height: calc(1em * var(--lex4-body-line-height));
|
|
1156
|
+
}
|
|
1157
|
+
|
|
1158
|
+
.lex4-paragraph:has(> br:only-child)::before {
|
|
1159
|
+
content: '\00a0';
|
|
1160
|
+
color: transparent;
|
|
1161
|
+
}
|
|
1162
|
+
|
|
1123
1163
|
.lex4-heading {
|
|
1124
1164
|
margin: 0 0 0.5rem;
|
|
1125
1165
|
font-weight: 600;
|
|
@@ -1208,8 +1248,8 @@
|
|
|
1208
1248
|
position: absolute;
|
|
1209
1249
|
top: 0;
|
|
1210
1250
|
left: 0;
|
|
1211
|
-
font-size:
|
|
1212
|
-
line-height:
|
|
1251
|
+
font-size: var(--lex4-body-font-size);
|
|
1252
|
+
line-height: var(--lex4-body-line-height);
|
|
1213
1253
|
color: color-mix(in srgb, var(--color-muted-foreground) 82%, transparent);
|
|
1214
1254
|
pointer-events: none;
|
|
1215
1255
|
-webkit-user-select: none;
|