@semiont/react-ui 0.2.33-build.83 → 0.2.33-build.84
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/package.json
CHANGED
|
@@ -111,6 +111,209 @@
|
|
|
111
111
|
padding: 0 1.5rem; /* Move padding from parent to scrollable content */
|
|
112
112
|
}
|
|
113
113
|
|
|
114
|
+
/* ── Markdown prose typography ──────────────────────────────────────────────
|
|
115
|
+
* The global CSS reset zeroes margins/padding on all block elements and
|
|
116
|
+
* removes list styles. Re-apply semantic typographic defaults scoped to the
|
|
117
|
+
* browse-view content area so that ReactMarkdown output renders correctly.
|
|
118
|
+
*/
|
|
119
|
+
.semiont-browse-view__content h1,
|
|
120
|
+
.semiont-browse-view__content h2,
|
|
121
|
+
.semiont-browse-view__content h3,
|
|
122
|
+
.semiont-browse-view__content h4,
|
|
123
|
+
.semiont-browse-view__content h5,
|
|
124
|
+
.semiont-browse-view__content h6 {
|
|
125
|
+
color: var(--semiont-text-primary);
|
|
126
|
+
font-weight: var(--semiont-font-bold);
|
|
127
|
+
line-height: var(--semiont-leading-tight);
|
|
128
|
+
margin-top: 1.5em;
|
|
129
|
+
margin-bottom: 0.5em;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
[data-theme="dark"] .semiont-browse-view__content h1,
|
|
133
|
+
[data-theme="dark"] .semiont-browse-view__content h2,
|
|
134
|
+
[data-theme="dark"] .semiont-browse-view__content h3,
|
|
135
|
+
[data-theme="dark"] .semiont-browse-view__content h4,
|
|
136
|
+
[data-theme="dark"] .semiont-browse-view__content h5,
|
|
137
|
+
[data-theme="dark"] .semiont-browse-view__content h6 {
|
|
138
|
+
color: var(--semiont-text-primary);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.semiont-browse-view__content h1:first-child,
|
|
142
|
+
.semiont-browse-view__content h2:first-child,
|
|
143
|
+
.semiont-browse-view__content h3:first-child {
|
|
144
|
+
margin-top: 1rem; /* Less top space when heading opens the document */
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.semiont-browse-view__content h1 { font-size: var(--semiont-text-3xl); }
|
|
148
|
+
.semiont-browse-view__content h2 { font-size: var(--semiont-text-2xl); }
|
|
149
|
+
.semiont-browse-view__content h3 { font-size: var(--semiont-text-xl); }
|
|
150
|
+
.semiont-browse-view__content h4 { font-size: var(--semiont-text-lg); }
|
|
151
|
+
.semiont-browse-view__content h5 { font-size: var(--semiont-text-base); }
|
|
152
|
+
.semiont-browse-view__content h6 {
|
|
153
|
+
font-size: var(--semiont-text-sm);
|
|
154
|
+
color: var(--semiont-text-secondary);
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
[data-theme="dark"] .semiont-browse-view__content h6 {
|
|
158
|
+
color: var(--semiont-text-secondary);
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
.semiont-browse-view__content p {
|
|
162
|
+
margin-bottom: 1em;
|
|
163
|
+
line-height: var(--semiont-leading-relaxed);
|
|
164
|
+
color: var(--semiont-text-primary);
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
[data-theme="dark"] .semiont-browse-view__content p {
|
|
168
|
+
color: var(--semiont-text-primary);
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
.semiont-browse-view__content ul,
|
|
172
|
+
.semiont-browse-view__content ol {
|
|
173
|
+
margin-bottom: 1em;
|
|
174
|
+
padding-left: 1.75em;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
.semiont-browse-view__content ul {
|
|
178
|
+
list-style: disc;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.semiont-browse-view__content ol {
|
|
182
|
+
list-style: decimal;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
.semiont-browse-view__content li {
|
|
186
|
+
margin-bottom: 0.25em;
|
|
187
|
+
line-height: var(--semiont-leading-relaxed);
|
|
188
|
+
color: var(--semiont-text-primary);
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
[data-theme="dark"] .semiont-browse-view__content li {
|
|
192
|
+
color: var(--semiont-text-primary);
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
/* Nested lists */
|
|
196
|
+
.semiont-browse-view__content ul ul,
|
|
197
|
+
.semiont-browse-view__content ol ol,
|
|
198
|
+
.semiont-browse-view__content ul ol,
|
|
199
|
+
.semiont-browse-view__content ol ul {
|
|
200
|
+
margin-top: 0.25em;
|
|
201
|
+
margin-bottom: 0;
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
.semiont-browse-view__content blockquote {
|
|
205
|
+
border-left: 4px solid var(--semiont-color-gray-300);
|
|
206
|
+
margin: 1em 0;
|
|
207
|
+
padding: 0.5em 0 0.5em 1.25em;
|
|
208
|
+
color: var(--semiont-text-secondary);
|
|
209
|
+
font-style: italic;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
[data-theme="dark"] .semiont-browse-view__content blockquote {
|
|
213
|
+
border-left-color: var(--semiont-color-gray-600);
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
.semiont-browse-view__content code {
|
|
217
|
+
font-family: var(--semiont-font-mono);
|
|
218
|
+
font-size: 0.875em;
|
|
219
|
+
background: var(--semiont-bg-tertiary);
|
|
220
|
+
border-radius: var(--semiont-radius-base);
|
|
221
|
+
padding: 0.125em 0.3em;
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
[data-theme="dark"] .semiont-browse-view__content code {
|
|
225
|
+
background: var(--semiont-color-gray-700);
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
.semiont-browse-view__content pre {
|
|
229
|
+
background: var(--semiont-bg-tertiary);
|
|
230
|
+
border-radius: var(--semiont-radius-md);
|
|
231
|
+
padding: 1em 1.25em;
|
|
232
|
+
overflow-x: auto;
|
|
233
|
+
margin-bottom: 1em;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
[data-theme="dark"] .semiont-browse-view__content pre {
|
|
237
|
+
background: var(--semiont-color-gray-800);
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
.semiont-browse-view__content pre code {
|
|
241
|
+
background: none;
|
|
242
|
+
padding: 0;
|
|
243
|
+
font-size: 0.875rem;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
.semiont-browse-view__content hr {
|
|
247
|
+
border: none;
|
|
248
|
+
border-top: 1px solid var(--semiont-color-gray-200);
|
|
249
|
+
margin: 1.5em 0;
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
[data-theme="dark"] .semiont-browse-view__content hr {
|
|
253
|
+
border-top-color: var(--semiont-color-gray-700);
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
.semiont-browse-view__content a {
|
|
257
|
+
color: var(--semiont-color-primary-600);
|
|
258
|
+
text-decoration: underline;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
[data-theme="dark"] .semiont-browse-view__content a {
|
|
262
|
+
color: var(--semiont-color-primary-400);
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
.semiont-browse-view__content a:hover {
|
|
266
|
+
color: var(--semiont-color-primary-700);
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
[data-theme="dark"] .semiont-browse-view__content a:hover {
|
|
270
|
+
color: var(--semiont-color-primary-300);
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
/* GFM tables */
|
|
274
|
+
.semiont-browse-view__content table {
|
|
275
|
+
border-collapse: collapse;
|
|
276
|
+
width: 100%;
|
|
277
|
+
margin-bottom: 1em;
|
|
278
|
+
font-size: var(--semiont-text-sm);
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
.semiont-browse-view__content th,
|
|
282
|
+
.semiont-browse-view__content td {
|
|
283
|
+
border: 1px solid var(--semiont-color-gray-200);
|
|
284
|
+
padding: 0.5em 0.75em;
|
|
285
|
+
text-align: left;
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
[data-theme="dark"] .semiont-browse-view__content th,
|
|
289
|
+
[data-theme="dark"] .semiont-browse-view__content td {
|
|
290
|
+
border-color: var(--semiont-color-gray-700);
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
.semiont-browse-view__content th {
|
|
294
|
+
background: var(--semiont-bg-secondary);
|
|
295
|
+
font-weight: var(--semiont-font-semibold);
|
|
296
|
+
color: var(--semiont-text-primary);
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
[data-theme="dark"] .semiont-browse-view__content th {
|
|
300
|
+
background: var(--semiont-color-gray-800);
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
.semiont-browse-view__content tr:nth-child(even) td {
|
|
304
|
+
background: var(--semiont-bg-secondary);
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
[data-theme="dark"] .semiont-browse-view__content tr:nth-child(even) td {
|
|
308
|
+
background: var(--semiont-color-gray-850, var(--semiont-color-gray-800));
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
/* GFM task list checkboxes */
|
|
312
|
+
.semiont-browse-view__content input[type="checkbox"] {
|
|
313
|
+
margin-right: 0.4em;
|
|
314
|
+
accent-color: var(--semiont-color-primary-500);
|
|
315
|
+
}
|
|
316
|
+
|
|
114
317
|
[data-theme="dark"] .semiont-browse-view {
|
|
115
318
|
background-color: var(--semiont-bg-primary);
|
|
116
319
|
}
|