svelte-readme 4.0.0 → 4.1.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/README.md +1 -1
- package/dist/index.js +97 -29
- package/dist/layout.css +110 -9
- package/dist/style.css +596 -1
- package/dist/styles/index.d.ts +1 -2
- package/dist/utils/preprocessReadme.utils.d.ts +1 -0
- package/dist/utils/purgeCss.d.ts +1 -1
- package/package.json +1 -1
- package/dist/button.css +0 -28
package/dist/layout.css
CHANGED
|
@@ -1,18 +1,119 @@
|
|
|
1
1
|
.code-fence {
|
|
2
|
-
padding:
|
|
3
|
-
border: 1px solid
|
|
2
|
+
padding: 1.5rem 0.9375rem;
|
|
3
|
+
border: 1px solid var(--sr-color-border-muted);
|
|
4
4
|
border-bottom: 0;
|
|
5
|
+
overflow-x: auto;
|
|
5
6
|
}
|
|
6
7
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
.sr-layout {
|
|
9
|
+
display: grid;
|
|
10
|
+
grid-template-columns: 11.25rem minmax(0, 60rem) 11.25rem;
|
|
11
|
+
column-gap: 2.5rem;
|
|
12
|
+
max-width: 87.5rem;
|
|
10
13
|
margin: 0 auto;
|
|
11
|
-
padding:
|
|
14
|
+
padding: 2.8125rem;
|
|
15
|
+
box-sizing: border-box;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
main.markdown-body {
|
|
19
|
+
grid-column: 2;
|
|
20
|
+
min-width: 0;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
/* Shared between the sticky sidebar TOC (desktop) and the inline TOC rendered at
|
|
24
|
+
the `<!-- TOC -->` marker, or trailing the content when there's no marker
|
|
25
|
+
(mobile) — only one of the two is ever visible at a given viewport width. */
|
|
26
|
+
.sr-toc {
|
|
27
|
+
font-family: var(--sr-font-sans);
|
|
28
|
+
font-size: 0.75rem;
|
|
29
|
+
color: var(--sr-color-fg-muted);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.sr-toc p {
|
|
33
|
+
margin-bottom: 0.5rem;
|
|
34
|
+
min-height: auto;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.sr-toc ul {
|
|
38
|
+
margin: 0;
|
|
39
|
+
padding-left: 1em;
|
|
40
|
+
list-style: none;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.sr-toc > ul {
|
|
44
|
+
padding-left: 0;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.sr-toc > ul > li {
|
|
48
|
+
margin-bottom: 0.25rem;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.sr-toc > ul > ul {
|
|
52
|
+
margin-bottom: 0.875rem;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.sr-toc a.sr-toc-active {
|
|
56
|
+
color: var(--sr-color-fg);
|
|
57
|
+
font-weight: 600;
|
|
58
|
+
text-decoration: underline;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.sr-toc-sidebar {
|
|
62
|
+
grid-column: 3;
|
|
63
|
+
min-width: 0;
|
|
64
|
+
box-sizing: border-box;
|
|
65
|
+
position: sticky;
|
|
66
|
+
top: 0;
|
|
67
|
+
align-self: stretch;
|
|
68
|
+
max-height: 100vh;
|
|
69
|
+
padding: 2rem 0;
|
|
70
|
+
overflow-y: auto;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.sr-toc-inline {
|
|
74
|
+
display: none;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
main.markdown-body p {
|
|
78
|
+
max-width: 52ch;
|
|
12
79
|
}
|
|
13
80
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
81
|
+
/* Between the mobile breakpoint and the full desktop width, the fixed-width empty
|
|
82
|
+
spacer column wastes space and pushes content off-center for no reason — drop it
|
|
83
|
+
and let content use the freed-up width, keeping only the sticky TOC column.
|
|
84
|
+
Breakpoints stay in `px` (not `rem`) — media queries measure against the
|
|
85
|
+
viewport, and using a font-relative unit there interacts poorly with browser
|
|
86
|
+
zoom in some browsers, so `px` is the safer, more predictable choice here. */
|
|
87
|
+
@media (max-width: 1300px) {
|
|
88
|
+
.sr-layout {
|
|
89
|
+
grid-template-columns: minmax(0, 1fr) 11.25rem;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
main.markdown-body {
|
|
93
|
+
grid-column: 1;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.sr-toc-sidebar {
|
|
97
|
+
grid-column: 2;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
@media (max-width: 900px) {
|
|
102
|
+
.sr-layout {
|
|
103
|
+
grid-template-columns: 1fr;
|
|
104
|
+
padding: 0.9375rem;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
main.markdown-body {
|
|
108
|
+
grid-column: 1;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.sr-toc-sidebar {
|
|
112
|
+
display: none;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.sr-toc-inline {
|
|
116
|
+
display: block;
|
|
117
|
+
margin-bottom: var(--sr-spacing-lg);
|
|
17
118
|
}
|
|
18
119
|
}
|
package/dist/style.css
CHANGED
|
@@ -1 +1,596 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Base markdown rendering styles (scoped to `main`) plus the default code-fence
|
|
3
|
+
* button styling — both are part of the same opt-out-able default look (see
|
|
4
|
+
* `disableDefaultCSS` in `svelteReadme.ts`), so they live in one file.
|
|
5
|
+
*
|
|
6
|
+
* Colors, font stacks, and the block-spacing unit are pulled out as custom properties
|
|
7
|
+
* so a consumer can retheme this (e.g. dark mode, brand colors) by overriding them on
|
|
8
|
+
* `:root` or `main`, without having to override individual rules.
|
|
9
|
+
*
|
|
10
|
+
* Sizes are in `rem` (assuming the standard 16px browser default) rather than `px`
|
|
11
|
+
* wherever the value is typographic or a layout measurement, so the page scales with
|
|
12
|
+
* a user's root font-size preference/zoom. Border widths and shadow offsets stay in
|
|
13
|
+
* `px` — hairlines and shadow "feel" aren't meant to scale with text size.
|
|
14
|
+
**/
|
|
15
|
+
|
|
16
|
+
:root {
|
|
17
|
+
--sr-font-sans:
|
|
18
|
+
system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
|
|
19
|
+
--sr-font-mono:
|
|
20
|
+
ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono,
|
|
21
|
+
monospace;
|
|
22
|
+
|
|
23
|
+
--sr-color-fg: #18181b;
|
|
24
|
+
--sr-color-fg-muted: #71717a;
|
|
25
|
+
--sr-color-fg-subtle: #52525b;
|
|
26
|
+
--sr-color-link: #4f46e5;
|
|
27
|
+
|
|
28
|
+
--sr-color-canvas: #fff;
|
|
29
|
+
--sr-color-canvas-subtle: #f4f4f5;
|
|
30
|
+
--sr-color-kbd-bg: #fafafa;
|
|
31
|
+
--sr-color-code-bg: rgba(24, 24, 27, 0.06);
|
|
32
|
+
|
|
33
|
+
--sr-color-border: #e4e4e7;
|
|
34
|
+
--sr-color-border-muted: #ececef;
|
|
35
|
+
--sr-color-border-kbd: #d4d4d8;
|
|
36
|
+
--sr-color-border-table: #d4d4d8;
|
|
37
|
+
--sr-color-hr: #e4e4e7;
|
|
38
|
+
|
|
39
|
+
--sr-spacing: 1.25rem;
|
|
40
|
+
--sr-spacing-lg: 2rem;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.anchor {
|
|
44
|
+
float: left;
|
|
45
|
+
line-height: 1;
|
|
46
|
+
margin-left: -1.25rem;
|
|
47
|
+
padding-right: 0.25rem;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.anchor:focus {
|
|
51
|
+
outline: none;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
h1:hover .anchor,
|
|
55
|
+
h2:hover .anchor,
|
|
56
|
+
h3:hover .anchor,
|
|
57
|
+
h4:hover .anchor,
|
|
58
|
+
h5:hover .anchor,
|
|
59
|
+
h6:hover .anchor {
|
|
60
|
+
text-decoration: none;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
main {
|
|
64
|
+
-ms-text-size-adjust: 100%;
|
|
65
|
+
-webkit-text-size-adjust: 100%;
|
|
66
|
+
line-height: 1.5;
|
|
67
|
+
color: var(--sr-color-fg);
|
|
68
|
+
font-family: var(--sr-font-sans);
|
|
69
|
+
font-size: 0.9375rem;
|
|
70
|
+
word-wrap: break-word;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
details {
|
|
74
|
+
display: block;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
summary {
|
|
78
|
+
display: list-item;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
a {
|
|
82
|
+
background-color: initial;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
a:active,
|
|
86
|
+
a:hover {
|
|
87
|
+
outline-width: 0;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
strong {
|
|
91
|
+
font-weight: bolder;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
h1 {
|
|
95
|
+
font-size: 2em;
|
|
96
|
+
margin: 0.67em 0;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
img {
|
|
100
|
+
border-style: none;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
code,
|
|
104
|
+
kbd,
|
|
105
|
+
pre {
|
|
106
|
+
font-family: monospace;
|
|
107
|
+
font-size: 1em;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
hr {
|
|
111
|
+
box-sizing: initial;
|
|
112
|
+
height: 0;
|
|
113
|
+
overflow: visible;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
input {
|
|
117
|
+
font: inherit;
|
|
118
|
+
margin: 0;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
input {
|
|
122
|
+
overflow: visible;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
[type="checkbox"] {
|
|
126
|
+
box-sizing: border-box;
|
|
127
|
+
padding: 0;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
* {
|
|
131
|
+
box-sizing: border-box;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
input {
|
|
135
|
+
font-family: inherit;
|
|
136
|
+
font-size: inherit;
|
|
137
|
+
line-height: inherit;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
a {
|
|
141
|
+
color: var(--sr-color-link);
|
|
142
|
+
text-decoration: none;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
a:hover {
|
|
146
|
+
text-decoration: underline;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
strong {
|
|
150
|
+
font-weight: 600;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
hr {
|
|
154
|
+
height: 0;
|
|
155
|
+
margin: 0.9375rem 0;
|
|
156
|
+
overflow: hidden;
|
|
157
|
+
background: transparent;
|
|
158
|
+
border: 0;
|
|
159
|
+
border-bottom: 1px solid var(--sr-color-border);
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
hr:after,
|
|
163
|
+
hr:before {
|
|
164
|
+
display: table;
|
|
165
|
+
content: "";
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
hr:after {
|
|
169
|
+
clear: both;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
table {
|
|
173
|
+
border-spacing: 0;
|
|
174
|
+
border-collapse: collapse;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
td,
|
|
178
|
+
th {
|
|
179
|
+
padding: 0;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
details summary {
|
|
183
|
+
cursor: pointer;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
kbd {
|
|
187
|
+
display: inline-block;
|
|
188
|
+
padding: 0.1875rem 0.3125rem;
|
|
189
|
+
font: 0.6875rem var(--sr-font-mono);
|
|
190
|
+
line-height: 0.625rem;
|
|
191
|
+
color: var(--sr-color-fg-subtle);
|
|
192
|
+
vertical-align: middle;
|
|
193
|
+
background-color: var(--sr-color-kbd-bg);
|
|
194
|
+
border: 1px solid var(--sr-color-border-kbd);
|
|
195
|
+
border-radius: 0.1875rem;
|
|
196
|
+
box-shadow: inset 0 -1px 0 var(--sr-color-border-kbd);
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
h1,
|
|
200
|
+
h2,
|
|
201
|
+
h3,
|
|
202
|
+
h4,
|
|
203
|
+
h5,
|
|
204
|
+
h6 {
|
|
205
|
+
margin-top: 0;
|
|
206
|
+
margin-bottom: 0;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
h1 {
|
|
210
|
+
font-size: 2rem;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
h1,
|
|
214
|
+
h2 {
|
|
215
|
+
font-weight: 600;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
h2 {
|
|
219
|
+
font-size: 1.5rem;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
h3 {
|
|
223
|
+
font-size: 1.25rem;
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
h3,
|
|
227
|
+
h4 {
|
|
228
|
+
font-weight: 600;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
h4 {
|
|
232
|
+
font-size: 1rem;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
h5 {
|
|
236
|
+
font-size: 0.875rem;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
h5,
|
|
240
|
+
h6 {
|
|
241
|
+
font-weight: 600;
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
h6 {
|
|
245
|
+
font-size: 0.75rem;
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
p {
|
|
249
|
+
margin-top: 0;
|
|
250
|
+
margin-bottom: 0.625rem;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
blockquote {
|
|
254
|
+
margin: 0;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
ol,
|
|
258
|
+
ul {
|
|
259
|
+
padding-left: 0;
|
|
260
|
+
margin-top: 0;
|
|
261
|
+
margin-bottom: 0;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
ol ol,
|
|
265
|
+
ul ol {
|
|
266
|
+
list-style-type: lower-roman;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
ol ol ol,
|
|
270
|
+
ol ul ol,
|
|
271
|
+
ul ol ol,
|
|
272
|
+
ul ul ol {
|
|
273
|
+
list-style-type: lower-alpha;
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
dd {
|
|
277
|
+
margin-left: 0;
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
code,
|
|
281
|
+
pre {
|
|
282
|
+
font-family: var(--sr-font-mono);
|
|
283
|
+
font-size: 0.75rem;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
pre {
|
|
287
|
+
margin-top: 0;
|
|
288
|
+
margin-bottom: 0;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
input::-webkit-inner-spin-button,
|
|
292
|
+
input::-webkit-outer-spin-button {
|
|
293
|
+
margin: 0;
|
|
294
|
+
-webkit-appearance: none;
|
|
295
|
+
appearance: none;
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
:checked + .radio-label {
|
|
299
|
+
position: relative;
|
|
300
|
+
z-index: 1;
|
|
301
|
+
border-color: var(--sr-color-link);
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
hr {
|
|
305
|
+
border-bottom-color: var(--sr-color-border-muted);
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
main:before,
|
|
309
|
+
main:after {
|
|
310
|
+
display: table;
|
|
311
|
+
content: "";
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
main:after {
|
|
315
|
+
clear: both;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
main > :first-child {
|
|
319
|
+
/* biome-ignore lint/complexity/noImportantStyles: must win over arbitrary user-authored margins on the README's first/last rendered element */
|
|
320
|
+
margin-top: 0 !important;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
main > :last-child {
|
|
324
|
+
/* biome-ignore lint/complexity/noImportantStyles: must win over arbitrary user-authored margins on the README's first/last rendered element */
|
|
325
|
+
margin-bottom: 0 !important;
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
a:not([href]) {
|
|
329
|
+
color: inherit;
|
|
330
|
+
text-decoration: none;
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
blockquote,
|
|
334
|
+
details,
|
|
335
|
+
dl,
|
|
336
|
+
ol,
|
|
337
|
+
p,
|
|
338
|
+
pre,
|
|
339
|
+
table,
|
|
340
|
+
ul {
|
|
341
|
+
margin-top: 0;
|
|
342
|
+
margin-bottom: var(--sr-spacing);
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
hr {
|
|
346
|
+
height: 0.25em;
|
|
347
|
+
padding: 0;
|
|
348
|
+
margin: var(--sr-spacing-lg) 0;
|
|
349
|
+
background-color: var(--sr-color-hr);
|
|
350
|
+
border: 0;
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
blockquote {
|
|
354
|
+
padding: 0 1em;
|
|
355
|
+
color: var(--sr-color-fg-muted);
|
|
356
|
+
border-left: 0.25em solid var(--sr-color-border);
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
blockquote > :first-child {
|
|
360
|
+
margin-top: 0;
|
|
361
|
+
}
|
|
362
|
+
|
|
363
|
+
blockquote > :last-child {
|
|
364
|
+
margin-bottom: 0;
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
h1,
|
|
368
|
+
h2,
|
|
369
|
+
h3,
|
|
370
|
+
h4,
|
|
371
|
+
h5,
|
|
372
|
+
h6 {
|
|
373
|
+
margin-top: var(--sr-spacing-lg);
|
|
374
|
+
margin-bottom: var(--sr-spacing);
|
|
375
|
+
font-weight: 600;
|
|
376
|
+
line-height: 1.25;
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
h1 {
|
|
380
|
+
font-size: 2em;
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
h1,
|
|
384
|
+
h2 {
|
|
385
|
+
padding-bottom: 0.3em;
|
|
386
|
+
border-bottom: 1px solid var(--sr-color-border-muted);
|
|
387
|
+
}
|
|
388
|
+
|
|
389
|
+
h2 {
|
|
390
|
+
font-size: 1.5em;
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
h3 {
|
|
394
|
+
font-size: 1.25em;
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
h4 {
|
|
398
|
+
font-size: 1em;
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
h5 {
|
|
402
|
+
font-size: 0.875em;
|
|
403
|
+
}
|
|
404
|
+
|
|
405
|
+
h6 {
|
|
406
|
+
font-size: 0.85em;
|
|
407
|
+
color: var(--sr-color-fg-muted);
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
ol,
|
|
411
|
+
ul {
|
|
412
|
+
padding-left: 2em;
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
ol ol,
|
|
416
|
+
ol ul,
|
|
417
|
+
ul ol,
|
|
418
|
+
ul ul {
|
|
419
|
+
margin-top: 0;
|
|
420
|
+
margin-bottom: 0;
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
li {
|
|
424
|
+
word-wrap: break-all;
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
li > p {
|
|
428
|
+
margin-top: var(--sr-spacing);
|
|
429
|
+
}
|
|
430
|
+
|
|
431
|
+
li + li {
|
|
432
|
+
margin-top: 0.25em;
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
dl {
|
|
436
|
+
padding: 0;
|
|
437
|
+
}
|
|
438
|
+
|
|
439
|
+
dl dt {
|
|
440
|
+
padding: 0;
|
|
441
|
+
margin-top: var(--sr-spacing);
|
|
442
|
+
font-size: 1em;
|
|
443
|
+
font-style: italic;
|
|
444
|
+
font-weight: 600;
|
|
445
|
+
}
|
|
446
|
+
|
|
447
|
+
dl dd {
|
|
448
|
+
padding: 0 var(--sr-spacing);
|
|
449
|
+
margin-bottom: var(--sr-spacing);
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
table {
|
|
453
|
+
display: block;
|
|
454
|
+
width: 100%;
|
|
455
|
+
overflow: auto;
|
|
456
|
+
}
|
|
457
|
+
|
|
458
|
+
table th {
|
|
459
|
+
font-weight: 600;
|
|
460
|
+
}
|
|
461
|
+
|
|
462
|
+
table td,
|
|
463
|
+
table th {
|
|
464
|
+
padding: 0.375rem 0.8125rem;
|
|
465
|
+
border: 1px solid var(--sr-color-border);
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
table tr {
|
|
469
|
+
background-color: var(--sr-color-canvas);
|
|
470
|
+
border-top: 1px solid var(--sr-color-border-table);
|
|
471
|
+
}
|
|
472
|
+
|
|
473
|
+
table tr:nth-child(2n) {
|
|
474
|
+
background-color: var(--sr-color-canvas-subtle);
|
|
475
|
+
}
|
|
476
|
+
|
|
477
|
+
img {
|
|
478
|
+
max-width: 100%;
|
|
479
|
+
box-sizing: initial;
|
|
480
|
+
background-color: var(--sr-color-canvas);
|
|
481
|
+
}
|
|
482
|
+
|
|
483
|
+
img[align="right"] {
|
|
484
|
+
padding-left: 1.25rem;
|
|
485
|
+
}
|
|
486
|
+
|
|
487
|
+
img[align="left"] {
|
|
488
|
+
padding-right: 1.25rem;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
code {
|
|
492
|
+
padding: 0.2em 0.4em;
|
|
493
|
+
margin: 0;
|
|
494
|
+
font-size: 85%;
|
|
495
|
+
background-color: var(--sr-color-code-bg);
|
|
496
|
+
border-radius: 0.1875rem;
|
|
497
|
+
}
|
|
498
|
+
|
|
499
|
+
pre {
|
|
500
|
+
word-wrap: normal;
|
|
501
|
+
}
|
|
502
|
+
|
|
503
|
+
pre > code {
|
|
504
|
+
padding: 0;
|
|
505
|
+
margin: 0;
|
|
506
|
+
font-size: 100%;
|
|
507
|
+
word-break: normal;
|
|
508
|
+
white-space: pre;
|
|
509
|
+
background: transparent;
|
|
510
|
+
border: 0;
|
|
511
|
+
}
|
|
512
|
+
|
|
513
|
+
.highlight {
|
|
514
|
+
margin-bottom: var(--sr-spacing);
|
|
515
|
+
}
|
|
516
|
+
|
|
517
|
+
.highlight pre {
|
|
518
|
+
margin-bottom: 0;
|
|
519
|
+
word-break: normal;
|
|
520
|
+
}
|
|
521
|
+
|
|
522
|
+
.highlight pre,
|
|
523
|
+
pre {
|
|
524
|
+
padding: var(--sr-spacing);
|
|
525
|
+
overflow: auto;
|
|
526
|
+
font-size: 85%;
|
|
527
|
+
line-height: 1.45;
|
|
528
|
+
background-color: var(--sr-color-canvas-subtle);
|
|
529
|
+
border-radius: 0.1875rem;
|
|
530
|
+
}
|
|
531
|
+
|
|
532
|
+
pre code {
|
|
533
|
+
display: inline;
|
|
534
|
+
max-width: auto;
|
|
535
|
+
padding: 0;
|
|
536
|
+
margin: 0;
|
|
537
|
+
overflow: visible;
|
|
538
|
+
line-height: inherit;
|
|
539
|
+
word-wrap: normal;
|
|
540
|
+
background-color: initial;
|
|
541
|
+
border: 0;
|
|
542
|
+
}
|
|
543
|
+
|
|
544
|
+
/* Overrides to keep spacing consistent with our own layout. */
|
|
545
|
+
|
|
546
|
+
p {
|
|
547
|
+
min-height: 1.75rem;
|
|
548
|
+
}
|
|
549
|
+
pre {
|
|
550
|
+
margin-bottom: 3rem;
|
|
551
|
+
}
|
|
552
|
+
|
|
553
|
+
/* Default code-fence button styling (formerly `button.css`). */
|
|
554
|
+
|
|
555
|
+
.code-fence button {
|
|
556
|
+
font-family: inherit;
|
|
557
|
+
text-transform: none;
|
|
558
|
+
position: relative;
|
|
559
|
+
display: inline-block;
|
|
560
|
+
padding: 0.1875rem 0.625rem;
|
|
561
|
+
font-size: 0.75rem;
|
|
562
|
+
font-weight: 500;
|
|
563
|
+
line-height: 1rem;
|
|
564
|
+
white-space: nowrap;
|
|
565
|
+
vertical-align: middle;
|
|
566
|
+
cursor: pointer;
|
|
567
|
+
user-select: none;
|
|
568
|
+
border: 1px solid var(--sr-color-border);
|
|
569
|
+
border-radius: 0.375rem;
|
|
570
|
+
appearance: none;
|
|
571
|
+
color: var(--sr-color-fg);
|
|
572
|
+
background: linear-gradient(
|
|
573
|
+
180deg,
|
|
574
|
+
var(--sr-color-kbd-bg),
|
|
575
|
+
var(--sr-color-canvas-subtle)
|
|
576
|
+
);
|
|
577
|
+
box-shadow:
|
|
578
|
+
0 1px 0 rgba(24, 24, 27, 0.04),
|
|
579
|
+
inset 0 1px 0 rgba(255, 255, 255, 0.6);
|
|
580
|
+
transition:
|
|
581
|
+
background 0.2s cubic-bezier(0.3, 0, 0.5, 1),
|
|
582
|
+
box-shadow 0.15s;
|
|
583
|
+
}
|
|
584
|
+
|
|
585
|
+
.code-fence button:hover {
|
|
586
|
+
background: linear-gradient(
|
|
587
|
+
180deg,
|
|
588
|
+
var(--sr-color-canvas-subtle),
|
|
589
|
+
var(--sr-color-border)
|
|
590
|
+
);
|
|
591
|
+
}
|
|
592
|
+
|
|
593
|
+
.code-fence button:active {
|
|
594
|
+
background: var(--sr-color-canvas-subtle);
|
|
595
|
+
box-shadow: inset 0 1px 2px rgba(24, 24, 27, 0.08);
|
|
596
|
+
}
|
package/dist/styles/index.d.ts
CHANGED