@oxide/design-system 2.1.0 → 2.1.1--canary.05565c6.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/components/dist/asciidoc.css +550 -504
- package/package.json +1 -1
|
@@ -13,643 +13,673 @@
|
|
|
13
13
|
text-decoration-color: var(--content-accent-tertiary);
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
{
|
|
17
|
+
.line-through {
|
|
18
|
+
text-decoration: line-through;
|
|
19
|
+
}
|
|
19
20
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
.quoteblock {
|
|
22
|
+
@apply mb-8 mt-8 border-l pl-[1.6rem] text-secondary border-default;
|
|
23
|
+
}
|
|
23
24
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
25
|
+
.quoteblock p {
|
|
26
|
+
@apply text-secondary;
|
|
27
|
+
}
|
|
27
28
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
.quoteblock .attribution {
|
|
30
|
+
@apply mt-8 text-raise;
|
|
31
|
+
}
|
|
31
32
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
.attribution cite {
|
|
34
|
+
@apply block;
|
|
35
|
+
}
|
|
35
36
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
.admonitionblock .quoteblock {
|
|
38
|
+
@apply mb-2 mt-2 pl-[0.75rem] border-success-secondary;
|
|
39
|
+
}
|
|
39
40
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
.admonitionblock p,
|
|
42
|
+
.admonitionblock blockquote {
|
|
43
|
+
@apply text-success;
|
|
44
|
+
}
|
|
44
45
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
.admonition-content .paragraph {
|
|
47
|
+
@apply mb-1 last:mb-0;
|
|
48
|
+
}
|
|
48
49
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
.admonition-content > div:first-of-type {
|
|
51
|
+
@apply normal-case text-sans-semi-md;
|
|
52
|
+
}
|
|
52
53
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
54
|
+
.imageblock img {
|
|
55
|
+
@apply mx-auto h-auto w-auto w-full rounded-lg border border-tertiary object-contain;
|
|
56
|
+
max-height: max(500px, 75vh);
|
|
57
|
+
}
|
|
57
58
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
59
|
+
span img {
|
|
60
|
+
@apply inline;
|
|
61
|
+
}
|
|
61
62
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
63
|
+
img.transparent-dark {
|
|
64
|
+
@apply bg-secondary;
|
|
65
|
+
}
|
|
65
66
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
p a {
|
|
68
|
+
@apply text-accent-secondary hover:text-accent;
|
|
69
|
+
overflow-wrap: break-word;
|
|
70
|
+
word-wrap: break-word;
|
|
70
71
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
72
|
+
text-decoration: underline;
|
|
73
|
+
text-decoration-color: var(--content-accent-tertiary);
|
|
74
|
+
}
|
|
74
75
|
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
76
|
+
/* Use semi-bold for strong */
|
|
77
|
+
strong {
|
|
78
|
+
@apply font-[500] text-raise;
|
|
79
|
+
}
|
|
79
80
|
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
a strong {
|
|
82
|
+
@apply text-accent-secondary;
|
|
83
|
+
}
|
|
83
84
|
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
85
|
+
h2,
|
|
86
|
+
h3,
|
|
87
|
+
h4,
|
|
88
|
+
h5 {
|
|
89
|
+
@apply relative mb-3 mt-10 text-raise;
|
|
90
|
+
}
|
|
90
91
|
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
92
|
+
/* Removes top spacing from header if it is the first element */
|
|
93
|
+
.asciidoc-body#content > .sect1:first-of-type > h1:nth-child(1),
|
|
94
|
+
.asciidoc-body#content > .sect1:first-of-type > h2:nth-child(1),
|
|
95
|
+
.asciidoc-body#content > .sect1:first-of-type > h3:nth-child(1),
|
|
96
|
+
.asciidoc-body#content > .sect1:first-of-type > h4:nth-child(1),
|
|
97
|
+
.asciidoc-body#content > .sect1:first-of-type > h5:nth-child(1) {
|
|
98
|
+
@apply mt-0;
|
|
99
|
+
}
|
|
99
100
|
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
101
|
+
h1 a,
|
|
102
|
+
h2 a,
|
|
103
|
+
h3 a,
|
|
104
|
+
h4 a,
|
|
105
|
+
h5 a {
|
|
106
|
+
@apply flex items-center text-raise;
|
|
107
|
+
}
|
|
107
108
|
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
109
|
+
h1[data-sectnum]:before,
|
|
110
|
+
h2[data-sectnum]:before,
|
|
111
|
+
h3[data-sectnum]:before,
|
|
112
|
+
h4[data-sectnum]:before,
|
|
113
|
+
h5[data-sectnum]:before {
|
|
114
|
+
@apply bottom-0 mr-2 inline-block text-tertiary 800:absolute 800:-left-[72px] 800:mr-0 800:w-[60px] 800:text-right 800:text-sans-lg;
|
|
115
|
+
}
|
|
115
116
|
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
117
|
+
h3[data-sectnum]:before,
|
|
118
|
+
h2[data-sectnum]:before {
|
|
119
|
+
@apply 800:bottom-[2px];
|
|
120
|
+
}
|
|
120
121
|
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
122
|
+
h2 {
|
|
123
|
+
@apply text-sans-2xl;
|
|
124
|
+
}
|
|
124
125
|
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
126
|
+
h3 {
|
|
127
|
+
@apply text-sans-xl;
|
|
128
|
+
}
|
|
128
129
|
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
130
|
+
h4,
|
|
131
|
+
h5 {
|
|
132
|
+
@apply mb-2 mt-8 text-sans-lg text-raise;
|
|
133
|
+
}
|
|
133
134
|
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
135
|
+
.anchor {
|
|
136
|
+
position: absolute;
|
|
137
|
+
margin-top: calc(var(--header-height) * -1 - 20px);
|
|
138
|
+
visibility: hidden;
|
|
139
|
+
user-select: none;
|
|
140
|
+
}
|
|
140
141
|
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
142
|
+
.dlist dt {
|
|
143
|
+
@apply text-sans-lg text-raise;
|
|
144
|
+
}
|
|
144
145
|
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
146
|
+
.dlist dt:after {
|
|
147
|
+
content: ':';
|
|
148
|
+
@apply text-sans-lg text-tertiary;
|
|
149
|
+
}
|
|
149
150
|
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
151
|
+
{
|
|
152
|
+
@apply text-sans-lg;
|
|
153
|
+
}
|
|
153
154
|
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
155
|
+
/* Fix overflow text in mermaid */
|
|
156
|
+
figure svg {
|
|
157
|
+
line-height: 1 !important;
|
|
158
|
+
}
|
|
158
159
|
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
160
|
+
p {
|
|
161
|
+
@apply mb-[1.25rem] !leading-[1.5] text-sans-lg 800:mb-3;
|
|
162
|
+
}
|
|
162
163
|
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
164
|
+
ul li,
|
|
165
|
+
ol li {
|
|
166
|
+
@apply mt-[0.325rem];
|
|
167
|
+
}
|
|
167
168
|
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
169
|
+
ul,
|
|
170
|
+
ol {
|
|
171
|
+
@apply mb-4 list-disc text-mono-sm text-secondary;
|
|
172
|
+
}
|
|
172
173
|
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
174
|
+
ul p,
|
|
175
|
+
ol p {
|
|
176
|
+
@apply normal-case;
|
|
177
|
+
}
|
|
177
178
|
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
179
|
+
ul ul,
|
|
180
|
+
ul ol,
|
|
181
|
+
ol ol,
|
|
182
|
+
ol ul {
|
|
183
|
+
@apply mb-0;
|
|
184
|
+
}
|
|
184
185
|
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
186
|
+
ul ul li {
|
|
187
|
+
list-style-type: circle;
|
|
188
|
+
}
|
|
188
189
|
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
190
|
+
ul ul ul li {
|
|
191
|
+
list-style-type: square;
|
|
192
|
+
}
|
|
192
193
|
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
194
|
+
ul ul ul ul li {
|
|
195
|
+
list-style-type: disc;
|
|
196
|
+
}
|
|
196
197
|
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
198
|
+
ul {
|
|
199
|
+
@apply list-disc;
|
|
200
|
+
}
|
|
200
201
|
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
202
|
+
ol {
|
|
203
|
+
@apply list-decimal;
|
|
204
|
+
}
|
|
204
205
|
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
206
|
+
ul,
|
|
207
|
+
ol {
|
|
208
|
+
@apply list-inside 800:list-outside;
|
|
209
|
+
}
|
|
209
210
|
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
211
|
+
ul:first-of-type,
|
|
212
|
+
.github-markdown > ul {
|
|
213
|
+
@apply 800:ml-4;
|
|
214
|
+
}
|
|
214
215
|
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
216
|
+
ol:first-of-type,
|
|
217
|
+
.github-markdown > ol {
|
|
218
|
+
@apply 800:ml-6;
|
|
219
|
+
}
|
|
219
220
|
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
221
|
+
.tableblock ul,
|
|
222
|
+
.tableblock ol {
|
|
223
|
+
@apply list-inside;
|
|
224
|
+
}
|
|
224
225
|
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
226
|
+
.quoteblock ul,
|
|
227
|
+
.quoteblock ol {
|
|
228
|
+
@apply list-inside;
|
|
229
|
+
}
|
|
229
230
|
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
231
|
+
.ulist .ulist,
|
|
232
|
+
.ulist .olist,
|
|
233
|
+
.olist .ulist,
|
|
234
|
+
.olist .olist {
|
|
235
|
+
@apply ml-[2rem] 800:ml-2;
|
|
236
|
+
}
|
|
236
237
|
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
238
|
+
.exampleblock ul,
|
|
239
|
+
.exampleblock ol {
|
|
240
|
+
@apply list-inside;
|
|
241
|
+
}
|
|
241
242
|
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
243
|
+
ul p,
|
|
244
|
+
ol p {
|
|
245
|
+
@apply inline;
|
|
246
|
+
}
|
|
246
247
|
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
248
|
+
p {
|
|
249
|
+
@apply text-default;
|
|
250
|
+
}
|
|
250
251
|
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
252
|
+
.arabic {
|
|
253
|
+
list-style-type: decimal;
|
|
254
|
+
}
|
|
254
255
|
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
256
|
+
.loweralpha {
|
|
257
|
+
list-style-type: lower-alpha;
|
|
258
|
+
}
|
|
258
259
|
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
260
|
+
.lowerroman {
|
|
261
|
+
list-style-type: lower-roman;
|
|
262
|
+
}
|
|
262
263
|
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
264
|
+
.upperalpha {
|
|
265
|
+
list-style-type: upper-alpha;
|
|
266
|
+
}
|
|
266
267
|
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
268
|
+
.upperroman {
|
|
269
|
+
list-style-type: upper-roman;
|
|
270
|
+
}
|
|
270
271
|
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
272
|
+
ol p {
|
|
273
|
+
@apply normal-case text-default;
|
|
274
|
+
}
|
|
274
275
|
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
276
|
+
.text-mono-code {
|
|
277
|
+
@apply !text-[0.825em] !normal-case;
|
|
278
|
+
font-feature-settings: 'calt' 0;
|
|
279
|
+
letter-spacing: 0;
|
|
280
|
+
}
|
|
280
281
|
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
282
|
+
.inline-code {
|
|
283
|
+
@apply text-secondary;
|
|
284
|
+
@apply ml-[1px] mr-[1px] rounded border px-[4px] py-[1px] align-[1px] text-[0.825em] bg-raise border-secondary;
|
|
285
|
+
}
|
|
285
286
|
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
287
|
+
p code,
|
|
288
|
+
h1 code,
|
|
289
|
+
h2 code,
|
|
290
|
+
h3 code,
|
|
291
|
+
h4 code,
|
|
292
|
+
h5 code,
|
|
293
|
+
.title code {
|
|
294
|
+
@apply text-[0.825em] text-default;
|
|
295
|
+
@apply ml-[1px] mr-[1px] rounded border px-[4px] py-[1px] align-[1px] bg-raise border-secondary;
|
|
296
|
+
}
|
|
296
297
|
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
298
|
+
p a code {
|
|
299
|
+
@apply text-accent-secondary;
|
|
300
|
+
}
|
|
300
301
|
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
302
|
+
table p code {
|
|
303
|
+
@apply break-normal;
|
|
304
|
+
}
|
|
304
305
|
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
306
|
+
.admonitionblock p code {
|
|
307
|
+
@apply border-none text-inverse bg-success;
|
|
308
|
+
}
|
|
308
309
|
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
310
|
+
pre {
|
|
311
|
+
@apply rounded-lg border px-[1.25rem] py-[1rem] border-secondary 800:px-[1.75rem] 800:py-[1.5rem];
|
|
312
|
+
@apply overflow-x-auto !text-[13px] text-mono-code;
|
|
313
|
+
}
|
|
313
314
|
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
315
|
+
code {
|
|
316
|
+
font-feature-settings: 'calt' 0;
|
|
317
|
+
}
|
|
317
318
|
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
319
|
+
.listingblock .content {
|
|
320
|
+
@apply relative;
|
|
321
|
+
}
|
|
321
322
|
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
323
|
+
.listingblock pre:not(.highlight) {
|
|
324
|
+
@apply text-default;
|
|
325
|
+
}
|
|
325
326
|
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
327
|
+
.listingblock code[data-lang]:before {
|
|
328
|
+
@apply absolute right-2 top-2 block text-mono-xs text-secondary;
|
|
329
|
+
content: attr(data-lang);
|
|
330
|
+
}
|
|
330
331
|
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
332
|
+
pre .conum[data-value] {
|
|
333
|
+
@apply relative -top-[0.125rem] inline-block h-[1rem] min-w-[1rem] rounded-full text-center not-italic text-mono-xs text-secondary bg-raise;
|
|
334
|
+
}
|
|
334
335
|
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
336
|
+
pre .conum[data-value]:after {
|
|
337
|
+
@apply pl-[1px];
|
|
338
|
+
content: attr(data-value);
|
|
339
|
+
}
|
|
339
340
|
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
341
|
+
pre .conum[data-value] + b {
|
|
342
|
+
@apply hidden;
|
|
343
|
+
}
|
|
343
344
|
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
345
|
+
.exampleblock {
|
|
346
|
+
@apply overflow-x-auto rounded-lg px-[1.5rem] py-[1.25rem] bg-raise;
|
|
347
|
+
}
|
|
347
348
|
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
349
|
+
.exampleblock p {
|
|
350
|
+
@apply mb-2 text-sans-md;
|
|
351
|
+
}
|
|
351
352
|
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
353
|
+
.exampleblock .content,
|
|
354
|
+
.exampleblock .paragraph:last-of-type p {
|
|
355
|
+
@apply m-0;
|
|
356
|
+
}
|
|
356
357
|
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
358
|
+
.exampleblock > .content {
|
|
359
|
+
@apply my-[1rem];
|
|
360
|
+
}
|
|
360
361
|
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
362
|
+
.admonitionblock {
|
|
363
|
+
@apply rounded-lg border text-success bg-success-secondary border-success-tertiary;
|
|
364
|
+
@apply my-[1.5rem] flex px-3 py-3;
|
|
365
|
+
}
|
|
365
366
|
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
367
|
+
.admonitionblock a {
|
|
368
|
+
text-decoration-color: var(--content-success-tertiary);
|
|
369
|
+
}
|
|
369
370
|
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
371
|
+
.admonitionblock.tip a {
|
|
372
|
+
text-decoration-color: var(--base-purple-600);
|
|
373
|
+
}
|
|
373
374
|
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
375
|
+
.admonitionblock.warning a {
|
|
376
|
+
text-decoration-color: var(--content-error-tertiary);
|
|
377
|
+
}
|
|
377
378
|
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
379
|
+
.admonitionblock.caution a,
|
|
380
|
+
.admonitionblock.important a {
|
|
381
|
+
text-decoration-color: var(--content-notice-tertiary);
|
|
382
|
+
}
|
|
382
383
|
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
384
|
+
.admonitionblock strong {
|
|
385
|
+
@apply text-success;
|
|
386
|
+
}
|
|
386
387
|
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
388
|
+
.admonitionblock.caution strong,
|
|
389
|
+
.admonitionblock.important strong {
|
|
390
|
+
@apply text-notice;
|
|
391
|
+
}
|
|
391
392
|
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
393
|
+
.admonitionblock.caution .quoteblock {
|
|
394
|
+
@apply border-notice-secondary;
|
|
395
|
+
}
|
|
395
396
|
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
397
|
+
.admonitionblock.warning .quoteblock {
|
|
398
|
+
@apply border-destructive-secondary;
|
|
399
|
+
}
|
|
399
400
|
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
401
|
+
.admonitionblock.warning strong {
|
|
402
|
+
@apply text-destructive;
|
|
403
|
+
}
|
|
403
404
|
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
405
|
+
.admonitionblock.tip strong {
|
|
406
|
+
color: var(--base-purple-800);
|
|
407
|
+
}
|
|
407
408
|
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
409
|
+
.admonitionblock.tip,
|
|
410
|
+
.admonitionblock.tip blockquote {
|
|
411
|
+
background-color: var(--base-purple-200);
|
|
412
|
+
color: var(--base-purple-800);
|
|
413
|
+
border-color: var(--base-purple-400);
|
|
414
|
+
}
|
|
414
415
|
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
416
|
+
.admonitionblock.caution,
|
|
417
|
+
.admonitionblock.important,
|
|
418
|
+
.admonitionblock.caution blockquote,
|
|
419
|
+
.admonitionblock.important blockquote {
|
|
420
|
+
@apply text-notice bg-notice-secondary border-notice-tertiary;
|
|
421
|
+
}
|
|
421
422
|
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
423
|
+
.admonitionblock.warning,
|
|
424
|
+
.admonitionblock.warning blockquote {
|
|
425
|
+
@apply text-destructive bg-destructive-secondary border-destructive-tertiary;
|
|
426
|
+
}
|
|
426
427
|
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
428
|
+
.admonitionblock.caution p,
|
|
429
|
+
.admonitionblock.important p {
|
|
430
|
+
@apply text-notice;
|
|
431
|
+
}
|
|
431
432
|
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
433
|
+
.admonitionblock.warning p {
|
|
434
|
+
@apply text-destructive;
|
|
435
|
+
}
|
|
435
436
|
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
437
|
+
.admonitionblock.tip p {
|
|
438
|
+
color: var(--base-purple-800);
|
|
439
|
+
}
|
|
439
440
|
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
441
|
+
.admonitionblock.caution p code,
|
|
442
|
+
.admonitionblock.important p code {
|
|
443
|
+
@apply bg-notice;
|
|
444
|
+
}
|
|
444
445
|
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
446
|
+
.admonitionblock.warning p code {
|
|
447
|
+
@apply bg-error;
|
|
448
|
+
}
|
|
448
449
|
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
450
|
+
.admonitionblock.tip p code {
|
|
451
|
+
background-color: var(--base-purple-800);
|
|
452
|
+
}
|
|
452
453
|
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
454
|
+
.admonitionblock a {
|
|
455
|
+
@apply underline;
|
|
456
|
+
}
|
|
456
457
|
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
458
|
+
.admonitionblock a {
|
|
459
|
+
@apply text-success;
|
|
460
|
+
}
|
|
460
461
|
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
462
|
+
.admonitionblock.caution a,
|
|
463
|
+
.admonitionblock.important a {
|
|
464
|
+
@apply text-notice;
|
|
465
|
+
}
|
|
465
466
|
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
467
|
+
.admonitionblock.warning a {
|
|
468
|
+
@apply text-destructive;
|
|
469
|
+
}
|
|
469
470
|
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
471
|
+
.admonitionblock.tip a {
|
|
472
|
+
color: var(--base-purple-800);
|
|
473
|
+
}
|
|
473
474
|
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
475
|
+
.admonition-icon svg {
|
|
476
|
+
@apply mr-2 mt-0.5 h-3 w-3;
|
|
477
|
+
}
|
|
477
478
|
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
479
|
+
.admonition-content {
|
|
480
|
+
@apply text-sans-md 800:mr-[1.25rem];
|
|
481
|
+
}
|
|
481
482
|
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
483
|
+
.admonition-content p {
|
|
484
|
+
@apply mb-0 text-sans-md;
|
|
485
|
+
}
|
|
485
486
|
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
487
|
+
.imageblock,
|
|
488
|
+
.table-wrapper {
|
|
489
|
+
@apply my-6;
|
|
490
|
+
}
|
|
490
491
|
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
492
|
+
.imageblock.inlineimage {
|
|
493
|
+
@apply my-4;
|
|
494
|
+
}
|
|
494
495
|
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
496
|
+
table.tableblock table.tableblock {
|
|
497
|
+
@apply my-2;
|
|
498
|
+
}
|
|
498
499
|
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
500
|
+
table.tableblock .imageblock {
|
|
501
|
+
@apply my-0;
|
|
502
|
+
}
|
|
502
503
|
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
504
|
+
.imageblock .title {
|
|
505
|
+
@apply mt-3 max-w-full text-center not-italic text-mono-xs text-secondary;
|
|
506
|
+
}
|
|
506
507
|
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
508
|
+
img.wide {
|
|
509
|
+
max-width: none;
|
|
510
|
+
width: calc(100% / 8 * 10);
|
|
511
|
+
margin-left: calc(100% / 8 * -1);
|
|
512
|
+
}
|
|
512
513
|
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
514
|
+
sup.footnote {
|
|
515
|
+
@apply text-mono-xs text-secondary;
|
|
516
|
+
}
|
|
516
517
|
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
518
|
+
sup.footnote a {
|
|
519
|
+
padding-top: calc(var(--header-height) + 20px);
|
|
520
|
+
margin-top: calc(var(--header-height) * -1 - 20px);
|
|
521
|
+
}
|
|
521
522
|
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
523
|
+
.imageblock,
|
|
524
|
+
.literalblock,
|
|
525
|
+
.listingblock,
|
|
526
|
+
.stemblock,
|
|
527
|
+
.videoblock,
|
|
528
|
+
.exampleblock {
|
|
529
|
+
@apply my-[2rem];
|
|
530
|
+
}
|
|
530
531
|
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
532
|
+
.title {
|
|
533
|
+
@apply mb-2 max-w-[40rem] text-left italic text-sans-lg text-secondary;
|
|
534
|
+
}
|
|
534
535
|
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
536
|
+
summary.title {
|
|
537
|
+
@apply not-italic text-raise;
|
|
538
|
+
}
|
|
538
539
|
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
540
|
+
.conum {
|
|
541
|
+
@apply inline-block;
|
|
542
|
+
}
|
|
542
543
|
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
544
|
+
.table-wrapper {
|
|
545
|
+
@apply relative overflow-x-auto;
|
|
546
|
+
}
|
|
546
547
|
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
548
|
+
.table-wrapper caption {
|
|
549
|
+
@apply sticky left-0 text-left;
|
|
550
|
+
}
|
|
550
551
|
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
552
|
+
.table-wrapper caption > a {
|
|
553
|
+
@apply no-underline;
|
|
554
|
+
}
|
|
554
555
|
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
556
|
+
table {
|
|
557
|
+
@apply w-full border-separate overflow-hidden rounded-lg border p-0 border-secondary;
|
|
558
|
+
border-spacing: 0;
|
|
559
|
+
}
|
|
559
560
|
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
561
|
+
.valign-middle {
|
|
562
|
+
vertical-align: middle;
|
|
563
|
+
}
|
|
563
564
|
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
565
|
+
.halign-center {
|
|
566
|
+
text-align: center;
|
|
567
|
+
}
|
|
567
568
|
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
569
|
+
table p {
|
|
570
|
+
@apply text-sans-md;
|
|
571
|
+
}
|
|
571
572
|
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
573
|
+
table td,
|
|
574
|
+
table th {
|
|
575
|
+
@apply border-b border-r px-[0.5rem] py-[0.5rem] align-top border-secondary;
|
|
576
|
+
}
|
|
576
577
|
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
578
|
+
table tr th:last-child {
|
|
579
|
+
@apply border-r-0;
|
|
580
|
+
}
|
|
580
581
|
|
|
581
|
-
|
|
582
|
+
/*
|
|
582
583
|
specificity to handle nested tables
|
|
583
584
|
todo: check if it's needed in any of the other table styles
|
|
584
585
|
*/
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
586
|
+
tbody > tr:last-child > td,
|
|
587
|
+
tbody > tr:last-child > th {
|
|
588
|
+
@apply border-b-0;
|
|
589
|
+
}
|
|
589
590
|
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
591
|
+
tbody tr td:last-child {
|
|
592
|
+
@apply border-r-0;
|
|
593
|
+
}
|
|
593
594
|
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
595
|
+
table th {
|
|
596
|
+
@apply text-left text-mono-xs text-secondary bg-raise;
|
|
597
|
+
}
|
|
597
598
|
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
599
|
+
table th p {
|
|
600
|
+
@apply text-mono-xs;
|
|
601
|
+
}
|
|
601
602
|
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
603
|
+
table td {
|
|
604
|
+
@apply py-[0.5rem];
|
|
605
|
+
}
|
|
605
606
|
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
607
|
+
table pre {
|
|
608
|
+
@apply border-0 p-0;
|
|
609
|
+
}
|
|
609
610
|
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
611
|
+
table p {
|
|
612
|
+
@apply m-0 p-0;
|
|
613
|
+
}
|
|
613
614
|
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
615
|
+
.colist table {
|
|
616
|
+
@apply my-[1.5rem];
|
|
617
|
+
}
|
|
617
618
|
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
619
|
+
.colist table td {
|
|
620
|
+
@apply text-sans-md;
|
|
621
|
+
}
|
|
621
622
|
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
623
|
+
.colist table tr td:first-of-type {
|
|
624
|
+
@apply w-[1%] whitespace-nowrap text-tertiary;
|
|
625
|
+
}
|
|
625
626
|
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
627
|
+
.colist table b {
|
|
628
|
+
@apply text-mono-sm;
|
|
629
|
+
}
|
|
629
630
|
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
631
|
+
div.bibliography ~ h2 {
|
|
632
|
+
@apply mt-12 800:mt-16;
|
|
633
|
+
}
|
|
633
634
|
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
635
|
+
.bibliography ul,
|
|
636
|
+
.bibliography ol {
|
|
637
|
+
@apply space-y-2;
|
|
638
|
+
}
|
|
638
639
|
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
640
|
+
mark {
|
|
641
|
+
@apply rounded px-[2px] text-notice bg-notice-secondary;
|
|
642
|
+
}
|
|
642
643
|
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
644
|
+
.steminline svg {
|
|
645
|
+
@apply inline;
|
|
646
|
+
}
|
|
646
647
|
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
648
|
+
hr {
|
|
649
|
+
@apply my-3 border-default;
|
|
650
|
+
}
|
|
651
|
+
|
|
652
|
+
.sidebarblock {
|
|
653
|
+
@apply bg-raise p-4 rounded-lg my-8 px-6 py-5;
|
|
654
|
+
}
|
|
650
655
|
|
|
651
|
-
|
|
652
|
-
|
|
656
|
+
.halign-left {
|
|
657
|
+
text-align: left;
|
|
658
|
+
}
|
|
659
|
+
|
|
660
|
+
.halign-right {
|
|
661
|
+
text-align: right;
|
|
662
|
+
}
|
|
663
|
+
|
|
664
|
+
.halign-center {
|
|
665
|
+
text-align: center;
|
|
666
|
+
}
|
|
667
|
+
|
|
668
|
+
.valign-top {
|
|
669
|
+
vertical-align: top;
|
|
670
|
+
}
|
|
671
|
+
|
|
672
|
+
.valign-bottom {
|
|
673
|
+
vertical-align: bottom;
|
|
674
|
+
}
|
|
675
|
+
|
|
676
|
+
.valign-middle {
|
|
677
|
+
vertical-align: middle;
|
|
678
|
+
}
|
|
679
|
+
|
|
680
|
+
.paragraph.lead p {
|
|
681
|
+
font-size: 1.25rem;
|
|
682
|
+
}
|
|
653
683
|
}
|
|
654
684
|
|
|
655
685
|
#footnotes p a {
|
|
@@ -668,7 +698,7 @@
|
|
|
668
698
|
@apply ml-[1px] mr-[1px] rounded border px-[3px] align-[1px] border-secondary;
|
|
669
699
|
}
|
|
670
700
|
|
|
671
|
-
|
|
701
|
+
a:not(:is(h1, h2, h3, h4, h5, h6) a) {
|
|
672
702
|
text-decoration-color: rgba(var(--content-accent-tertiary-rgb), 0.8);
|
|
673
703
|
@apply underline text-accent-secondary;
|
|
674
704
|
}
|
|
@@ -748,7 +778,7 @@
|
|
|
748
778
|
}
|
|
749
779
|
|
|
750
780
|
h1 {
|
|
751
|
-
font-size:
|
|
781
|
+
font-size: 2.5rem !important;
|
|
752
782
|
line-height: 1 !important;
|
|
753
783
|
}
|
|
754
784
|
|
|
@@ -756,6 +786,10 @@
|
|
|
756
786
|
max-width: 80vw;
|
|
757
787
|
}
|
|
758
788
|
|
|
789
|
+
.asciidoc-body .paragraph {
|
|
790
|
+
max-width: 80vw;
|
|
791
|
+
}
|
|
792
|
+
|
|
759
793
|
@page {
|
|
760
794
|
margin-top: 2cm;
|
|
761
795
|
margin-bottom: 2cm;
|
|
@@ -775,7 +809,9 @@
|
|
|
775
809
|
--content-secondary-p3: var(--content-secondary);
|
|
776
810
|
--content-tertiary: var(--content-secondary);
|
|
777
811
|
--content-tertiary-p3: var(--content-secondary);
|
|
778
|
-
--
|
|
812
|
+
--content-raise: var(--content-default);
|
|
813
|
+
--content-raise-p3: var(--content-default);
|
|
814
|
+
--surface-raise: rgb(0, 0, 0, 0.1);
|
|
779
815
|
--surface-raise-p3: var(--surface-raise);
|
|
780
816
|
--surface-inverse: var(--surface-raise);
|
|
781
817
|
--surface-inverse-p3: var(--surface-raise);
|
|
@@ -783,21 +819,31 @@
|
|
|
783
819
|
--stroke-default-p3: var(--content-secondary);
|
|
784
820
|
}
|
|
785
821
|
|
|
786
|
-
|
|
822
|
+
p a {
|
|
787
823
|
text-decoration-color: black !important;
|
|
788
824
|
}
|
|
789
825
|
|
|
790
|
-
|
|
826
|
+
p {
|
|
791
827
|
color: black !important;
|
|
792
828
|
}
|
|
793
829
|
|
|
794
|
-
.
|
|
830
|
+
.imageblock img {
|
|
795
831
|
border: 0;
|
|
796
832
|
}
|
|
797
833
|
|
|
798
|
-
.
|
|
834
|
+
.admonitionblock {
|
|
799
835
|
color: var(--content-raise) !important;
|
|
800
836
|
background-color: var(--surface-raise) !important;
|
|
801
837
|
}
|
|
838
|
+
|
|
839
|
+
.asciidoc-body {
|
|
840
|
+
h1[data-sectnum]::before,
|
|
841
|
+
h2[data-sectnum]::before,
|
|
842
|
+
h3[data-sectnum]::before,
|
|
843
|
+
h4[data-sectnum]::before,
|
|
844
|
+
h5[data-sectnum]::before {
|
|
845
|
+
@apply hidden;
|
|
846
|
+
}
|
|
847
|
+
}
|
|
802
848
|
}
|
|
803
849
|
}
|