@rc-component/dialog 1.6.0 → 1.6.2

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.
Files changed (110) hide show
  1. package/dist/00feb83c-async.b2b13c3a.js +2 -0
  2. package/dist/00feb83c-async.b2b13c3a.js.map +1 -0
  3. package/dist/12e34244-async.042e069f.js +2 -0
  4. package/dist/12e34244-async.042e069f.js.map +1 -0
  5. package/dist/1476aea7-async.5924d48b.js +2 -0
  6. package/dist/1476aea7-async.5924d48b.js.map +1 -0
  7. package/dist/267f1112-async.b1c4e09d.js +2 -0
  8. package/dist/267f1112-async.b1c4e09d.js.map +1 -0
  9. package/dist/3daea961-async.dfa8a2b7.js +2 -0
  10. package/dist/3daea961-async.dfa8a2b7.js.map +1 -0
  11. package/dist/404.html +15 -0
  12. package/dist/42e76558-async.f2db19d4.js +2 -0
  13. package/dist/42e76558-async.f2db19d4.js.map +1 -0
  14. package/dist/58f5abb1-async.f36f6f5a.js +2 -0
  15. package/dist/58f5abb1-async.f36f6f5a.js.map +1 -0
  16. package/dist/779f92e1-async.d95373de.js +124 -0
  17. package/dist/779f92e1-async.d95373de.js.map +1 -0
  18. package/dist/9e8e2db3-async.7488f9f0.css +2 -0
  19. package/dist/9e8e2db3-async.7488f9f0.css.map +1 -0
  20. package/dist/9e8e2db3-async.82b5afee.js +8 -0
  21. package/dist/9e8e2db3-async.82b5afee.js.map +1 -0
  22. package/dist/9f7aa744-async.3e863897.js +2 -0
  23. package/dist/{nm__dumi__dist__client__pages__Demo__index-async.js.map → 9f7aa744-async.3e863897.js.map} +1 -1
  24. package/dist/bd24602e-async.050c580d.js +2 -0
  25. package/dist/bd24602e-async.050c580d.js.map +1 -0
  26. package/dist/cd8d7381-async.a336cd94.js +2 -0
  27. package/dist/cd8d7381-async.a336cd94.js.map +1 -0
  28. package/dist/changelog/index.html +15 -0
  29. package/dist/common-async.d12bbb31.js +2 -0
  30. package/dist/common-async.d12bbb31.js.map +1 -0
  31. package/dist/demo/ant-design/index.html +15 -0
  32. package/dist/demo/bootstrap/index.html +15 -0
  33. package/dist/demo/draggable/index.html +15 -0
  34. package/dist/demo/multiple--portal/index.html +15 -0
  35. package/dist/demo/pure/index.html +15 -0
  36. package/dist/f2210531-async.0ea798a7.js +2 -0
  37. package/dist/f2210531-async.0ea798a7.js.map +1 -0
  38. package/dist/f410dd15-async.4aeedec3.js +2 -0
  39. package/dist/{node_modules_react-dom_server_browser_js-async.js.map → f410dd15-async.4aeedec3.js.map} +1 -1
  40. package/dist/fff33d9f-async.4061bf6f.js +2 -0
  41. package/dist/fff33d9f-async.4061bf6f.js.map +1 -0
  42. package/dist/fff33d9f-async.f200d0df.css +2 -0
  43. package/dist/fff33d9f-async.f200d0df.css.map +1 -0
  44. package/dist/index.html +15 -0
  45. package/dist/preload_helper.fdfc8d07.js +1 -0
  46. package/dist/umi.ebc6765d.js +9 -0
  47. package/dist/umi.ebc6765d.js.map +1 -0
  48. package/dist/umi.ed582539.css +2 -0
  49. package/dist/umi.ed582539.css.map +1 -0
  50. package/dist/vendors-async.53ad541e.css +2 -0
  51. package/dist/vendors-async.53ad541e.css.map +1 -0
  52. package/dist/vendors-async.af87bf96.js +44 -0
  53. package/dist/vendors-async.af87bf96.js.map +1 -0
  54. package/dist/~demos/:id/index.html +15 -0
  55. package/dist/~demos/docs-demo-ant-design-demo-ant-design/index.html +15 -0
  56. package/dist/~demos/docs-demo-bootstrap-demo-bootstrap/index.html +15 -0
  57. package/dist/~demos/docs-demo-draggable-demo-draggable/index.html +15 -0
  58. package/dist/~demos/docs-demo-multiple-portal-demo-multiple-portal/index.html +15 -0
  59. package/dist/~demos/docs-demo-pure-demo-pure/index.html +15 -0
  60. package/es/Dialog/Content/Panel.d.ts +2 -0
  61. package/es/Dialog/Content/Panel.js +3 -2
  62. package/es/Dialog/Content/index.js +3 -0
  63. package/es/Dialog/index.js +9 -1
  64. package/lib/Dialog/Content/Panel.d.ts +2 -0
  65. package/lib/Dialog/Content/Panel.js +3 -2
  66. package/lib/Dialog/Content/index.js +3 -0
  67. package/lib/Dialog/index.js +9 -1
  68. package/package.json +1 -1
  69. package/dist/common-async.js +0 -2518
  70. package/dist/common-async.js.map +0 -1
  71. package/dist/demos-async.css +0 -396
  72. package/dist/demos-async.css.map +0 -1
  73. package/dist/demos-async.js +0 -1242
  74. package/dist/demos-async.js.map +0 -1
  75. package/dist/docs_changelog_md-async.js +0 -2141
  76. package/dist/docs_changelog_md-async.js.map +0 -1
  77. package/dist/docs_demo_ant-design_md-async.js +0 -101
  78. package/dist/docs_demo_ant-design_md-async.js.map +0 -1
  79. package/dist/docs_demo_bootstrap_md-async.js +0 -101
  80. package/dist/docs_demo_bootstrap_md-async.js.map +0 -1
  81. package/dist/docs_demo_draggable_md-async.js +0 -101
  82. package/dist/docs_demo_draggable_md-async.js.map +0 -1
  83. package/dist/docs_demo_multiple-Portal_md-async.js +0 -147
  84. package/dist/docs_demo_multiple-Portal_md-async.js.map +0 -1
  85. package/dist/docs_demo_pure_md-async.js +0 -101
  86. package/dist/docs_demo_pure_md-async.js.map +0 -1
  87. package/dist/docs_index_md-async.js +0 -1754
  88. package/dist/docs_index_md-async.js.map +0 -1
  89. package/dist/dumi__tmp__dumi__theme__ContextWrapper-async.js +0 -201
  90. package/dist/dumi__tmp__dumi__theme__ContextWrapper-async.js.map +0 -1
  91. package/dist/meta__docs-async.css +0 -396
  92. package/dist/meta__docs-async.css.map +0 -1
  93. package/dist/meta__docs-async.js +0 -1048
  94. package/dist/meta__docs-async.js.map +0 -1
  95. package/dist/nm__dumi__dist__client__pages__404-async.js +0 -69
  96. package/dist/nm__dumi__dist__client__pages__404-async.js.map +0 -1
  97. package/dist/nm__dumi__dist__client__pages__Demo__index-async.js +0 -63
  98. package/dist/node_modules_dumi_dist_client_misc_reactDemoCompiler_js-async.js +0 -368
  99. package/dist/node_modules_dumi_dist_client_misc_reactDemoCompiler_js-async.js.map +0 -1
  100. package/dist/node_modules_dumi_theme-default_layouts_DocLayout_index_js-async.js +0 -1077
  101. package/dist/node_modules_dumi_theme-default_layouts_DocLayout_index_js-async.js.map +0 -1
  102. package/dist/node_modules_react-dom_server_browser_js-async.js +0 -18
  103. package/dist/umi.css +0 -1317
  104. package/dist/umi.css.map +0 -1
  105. package/dist/umi.js +0 -83003
  106. package/dist/umi.js.map +0 -1
  107. package/dist/vendors-async.css +0 -26259
  108. package/dist/vendors-async.css.map +0 -1
  109. package/dist/vendors-async.js +0 -56792
  110. package/dist/vendors-async.js.map +0 -1
package/dist/umi.css DELETED
@@ -1,1317 +0,0 @@
1
- #nprogress {
2
- pointer-events: none;
3
- }
4
- #nprogress .bar {
5
- background: var;
6
- position: fixed;
7
- z-index: 1031;
8
- top: 0;
9
- left: 0;
10
- width: 100%;
11
- height: 2px;
12
- }
13
- #nprogress .peg {
14
- display: block;
15
- position: absolute;
16
- right: 0px;
17
- width: 100px;
18
- height: 100%;
19
- box-shadow: 0 0 10px undefined, 0 0 5px undefined;
20
- opacity: 1.0;
21
- transform: rotate(3deg) translate(0px, -4px);
22
- }
23
- #nprogress .spinner {
24
- display: block;
25
- position: fixed;
26
- z-index: 1031;
27
- top: 15px;
28
- right: 15px;
29
- }
30
- #nprogress .spinner-icon {
31
- width: 18px;
32
- height: 18px;
33
- box-sizing: border-box;
34
- border: solid 2px transparent;
35
- border-top-color: undefined;
36
- border-left-color: undefined;
37
- border-radius: 50%;
38
- -webkit-animation: nprogress-spinner 400ms linear infinite;
39
- animation: nprogress-spinner 400ms linear infinite;
40
- }
41
- .nprogress-custom-parent {
42
- overflow: hidden;
43
- position: relative;
44
- }
45
- .nprogress-custom-parent #nprogress .spinner,
46
- .nprogress-custom-parent #nprogress .bar {
47
- position: absolute;
48
- }
49
- @keyframes nprogress-spinner {
50
- 0% {
51
- transform: rotate(0deg);
52
- }
53
- 100% {
54
- transform: rotate(360deg);
55
- }
56
- }
57
- @keyframes react-loading-skeleton {
58
- 100% {
59
- transform: translateX(100%);
60
- }
61
- }
62
- .react-loading-skeleton {
63
- --base-color: #ebebeb;
64
- --highlight-color: #f5f5f5;
65
- --animation-duration: 1.5s;
66
- --animation-direction: normal;
67
- --pseudo-element-display: block;
68
- background-color: var(--base-color);
69
- width: 100%;
70
- border-radius: 0.25rem;
71
- display: inline-flex;
72
- line-height: 1;
73
- position: relative;
74
- user-select: none;
75
- overflow: hidden;
76
- }
77
- .react-loading-skeleton::after {
78
- content: ' ';
79
- display: var(--pseudo-element-display);
80
- position: absolute;
81
- top: 0;
82
- left: 0;
83
- right: 0;
84
- height: 100%;
85
- background-repeat: no-repeat;
86
- background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));
87
- transform: translateX(-100%);
88
- -webkit-animation-name: react-loading-skeleton;
89
- animation-name: react-loading-skeleton;
90
- animation-direction: var(--animation-direction);
91
- -webkit-animation-duration: var(--animation-duration);
92
- animation-duration: var(--animation-duration);
93
- -webkit-animation-timing-function: ease-in-out;
94
- animation-timing-function: ease-in-out;
95
- -webkit-animation-iteration-count: infinite;
96
- animation-iteration-count: infinite;
97
- }
98
- @media (prefers-reduced-motion) {
99
- .react-loading-skeleton {
100
- --pseudo-element-display: none;
101
- }
102
- }
103
- .dumi-default-loading-skeleton .react-loading-skeleton {
104
- margin-block-end: 0.38em;
105
- }
106
- .dumi-default-loading-skeleton .react-loading-skeleton.first-line {
107
- width: calc(100% - 2em);
108
- margin-inline-start: 2em;
109
- }
110
- [data-prefers-color="dark"] .dumi-default-loading-skeleton .react-loading-skeleton {
111
- --highlight-color: rgba(198, 201, 205, 0.22);
112
- --base-color: #30363f;
113
- }
114
- .dumi-default-tabs-nav {
115
- position: relative;
116
- display: flex;
117
- padding: 0 12px;
118
- }
119
- .dumi-default-tabs-nav::after {
120
- content: '';
121
- position: absolute;
122
- left: 0;
123
- bottom: 0;
124
- width: 100%;
125
- height: 0;
126
- border-bottom: 1px dashed #e4e9ec;
127
- }
128
- [data-prefers-color="dark"] .dumi-default-tabs-nav::after {
129
- border-bottom-color: #2a353c;
130
- }
131
- .dumi-default-tabs-nav-wrap {
132
- display: flex;
133
- white-space: nowrap;
134
- overflow: hidden;
135
- }
136
- .dumi-default-tabs-nav-wrap.dumi-default-tabs-nav-wrap-ping-left {
137
- box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.1) inset;
138
- }
139
- .dumi-default-tabs-nav-wrap.dumi-default-tabs-nav-wrap-ping-right ~ * > .dumi-default-tabs-nav-more {
140
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
141
- }
142
- .dumi-default-tabs-nav-list {
143
- position: relative;
144
- z-index: 1;
145
- display: flex;
146
- transition: transform 0.2s;
147
- }
148
- .dumi-default-tabs-nav-more {
149
- height: 100%;
150
- cursor: pointer;
151
- background: none;
152
- border: 0;
153
- transition: box-shadow 0.2s;
154
- }
155
- .dumi-default-tabs-tab {
156
- display: flex;
157
- margin: 0 12px;
158
- }
159
- .dumi-default-tabs-tab-btn {
160
- padding: 0;
161
- color: #4f5866;
162
- font-size: 14px;
163
- line-height: 36px;
164
- border: 0;
165
- outline: none;
166
- background: transparent;
167
- box-sizing: border-box;
168
- cursor: pointer;
169
- transition: all 0.2s;
170
- }
171
- [data-prefers-color="dark"] .dumi-default-tabs-tab-btn {
172
- color: #8590a0;
173
- }
174
- .dumi-default-tabs-tab-btn:hover {
175
- color: #30363f;
176
- }
177
- [data-prefers-color="dark"] .dumi-default-tabs-tab-btn:hover {
178
- color: #c6c9cd;
179
- }
180
- .dumi-default-tabs-tab-active .dumi-default-tabs-tab-btn {
181
- color: #30363f;
182
- }
183
- [data-prefers-color="dark"] .dumi-default-tabs-tab-active .dumi-default-tabs-tab-btn {
184
- color: #c6c9cd;
185
- }
186
- .dumi-default-tabs-ink-bar {
187
- position: absolute;
188
- height: 1px;
189
- background: #1677ff;
190
- transition: left 0.2s, width 0.2s;
191
- pointer-events: none;
192
- bottom: 0;
193
- }
194
- [data-prefers-color="dark"] .dumi-default-tabs-ink-bar {
195
- background: #0053c8;
196
- }
197
- .dumi-default-tabs-dropdown {
198
- position: absolute;
199
- background: inherit;
200
- border: 1px solid #d0d5d8;
201
- max-height: 200px;
202
- overflow: auto;
203
- }
204
- [data-prefers-color="dark"] .dumi-default-tabs-dropdown {
205
- border-color: #1c2022;
206
- }
207
- .dumi-default-tabs-dropdown > ul {
208
- list-style: none;
209
- margin: 0;
210
- padding: 0;
211
- }
212
- .dumi-default-tabs-dropdown > ul > li {
213
- padding: 4px 12px;
214
- font-size: 14px;
215
- cursor: pointer;
216
- }
217
- .dumi-default-tabs-dropdown > ul > li:hover {
218
- color: #1677ff;
219
- }
220
- [data-prefers-color="dark"] .dumi-default-tabs-dropdown > ul > li:hover {
221
- color: #0053c8;
222
- }
223
- .dumi-default-tabs-dropdown > ul > li:not(:last-child) {
224
- border-bottom: 1px dashed #d0d5d8;
225
- }
226
- [data-prefers-color="dark"] .dumi-default-tabs-dropdown > ul > li:not(:last-child) {
227
- border-bottom-color: #1c2022;
228
- }
229
- .dumi-default-tabs-dropdown-hidden {
230
- display: none;
231
- }
232
- .dumi-default-tabs-tabpane-hidden {
233
- display: none;
234
- }
235
- code[class*="language-"],
236
- pre[class*="language-"] {
237
- background: hsl(230, 1%, 98%);
238
- color: hsl(230, 8%, 24%);
239
- font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
240
- direction: ltr;
241
- text-align: left;
242
- white-space: pre;
243
- word-spacing: normal;
244
- word-break: normal;
245
- line-height: 1.5;
246
- -moz-tab-size: 2;
247
- -o-tab-size: 2;
248
- tab-size: 2;
249
- -webkit-hyphens: none;
250
- -moz-hyphens: none;
251
- -ms-hyphens: none;
252
- hyphens: none;
253
- }
254
- code[class*="language-"]::-moz-selection,
255
- code[class*="language-"] *::-moz-selection,
256
- pre[class*="language-"] *::-moz-selection {
257
- background: hsl(230, 1%, 90%);
258
- color: inherit;
259
- }
260
- code[class*="language-"]::selection,
261
- code[class*="language-"] *::selection,
262
- pre[class*="language-"] *::selection {
263
- background: hsl(230, 1%, 90%);
264
- color: inherit;
265
- }
266
- pre[class*="language-"] {
267
- padding: 1em;
268
- margin: 0.5em 0;
269
- overflow: auto;
270
- border-radius: 0.3em;
271
- }
272
- :not(pre) > code[class*="language-"] {
273
- padding: 0.2em 0.3em;
274
- border-radius: 0.3em;
275
- white-space: normal;
276
- }
277
- .token.comment,
278
- .token.prolog,
279
- .token.cdata {
280
- color: hsl(230, 4%, 64%);
281
- }
282
- .token.doctype,
283
- .token.punctuation,
284
- .token.entity {
285
- color: hsl(230, 8%, 24%);
286
- }
287
- .token.attr-name,
288
- .token.class-name,
289
- .token.boolean,
290
- .token.constant,
291
- .token.number,
292
- .token.atrule {
293
- color: hsl(35, 99%, 36%);
294
- }
295
- .token.keyword {
296
- color: hsl(301, 63%, 40%);
297
- }
298
- .token.property,
299
- .token.tag,
300
- .token.symbol,
301
- .token.deleted,
302
- .token.important {
303
- color: hsl(5, 74%, 59%);
304
- }
305
- .token.selector,
306
- .token.string,
307
- .token.char,
308
- .token.builtin,
309
- .token.inserted,
310
- .token.regex,
311
- .token.attr-value,
312
- .token.attr-value > .token.punctuation {
313
- color: hsl(119, 34%, 47%);
314
- }
315
- .token.variable,
316
- .token.operator,
317
- .token.function {
318
- color: hsl(221, 87%, 60%);
319
- }
320
- .token.url {
321
- color: hsl(198, 99%, 37%);
322
- }
323
- .token.attr-value > .token.punctuation.attr-equals,
324
- .token.special-attr > .token.attr-value > .token.value.css {
325
- color: hsl(230, 8%, 24%);
326
- }
327
- .language-css .token.selector {
328
- color: hsl(5, 74%, 59%);
329
- }
330
- .language-css .token.property {
331
- color: hsl(230, 8%, 24%);
332
- }
333
- .language-css .token.function,
334
- .language-css .token.url > .token.function {
335
- color: hsl(198, 99%, 37%);
336
- }
337
- .language-css .token.url > .token.string.url {
338
- color: hsl(119, 34%, 47%);
339
- }
340
- .language-css .token.important,
341
- .language-css .token.atrule .token.rule {
342
- color: hsl(301, 63%, 40%);
343
- }
344
- .language-javascript .token.operator {
345
- color: hsl(301, 63%, 40%);
346
- }
347
- .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation {
348
- color: hsl(344, 84%, 43%);
349
- }
350
- .language-json .token.operator {
351
- color: hsl(230, 8%, 24%);
352
- }
353
- .language-json .token.null.keyword {
354
- color: hsl(35, 99%, 36%);
355
- }
356
- .language-markdown .token.url,
357
- .language-markdown .token.url > .token.operator,
358
- .language-markdown .token.url-reference.url > .token.string {
359
- color: hsl(230, 8%, 24%);
360
- }
361
- .language-markdown .token.url > .token.content {
362
- color: hsl(221, 87%, 60%);
363
- }
364
- .language-markdown .token.url > .token.url,
365
- .language-markdown .token.url-reference.url {
366
- color: hsl(198, 99%, 37%);
367
- }
368
- .language-markdown .token.blockquote.punctuation,
369
- .language-markdown .token.hr.punctuation {
370
- color: hsl(230, 4%, 64%);
371
- font-style: italic;
372
- }
373
- .language-markdown .token.code-snippet {
374
- color: hsl(119, 34%, 47%);
375
- }
376
- .language-markdown .token.bold .token.content {
377
- color: hsl(35, 99%, 36%);
378
- }
379
- .language-markdown .token.italic .token.content {
380
- color: hsl(301, 63%, 40%);
381
- }
382
- .language-markdown .token.strike .token.content,
383
- .language-markdown .token.strike .token.punctuation,
384
- .language-markdown .token.list.punctuation,
385
- .language-markdown .token.title.important > .token.punctuation {
386
- color: hsl(5, 74%, 59%);
387
- }
388
- .token.bold {
389
- font-weight: bold;
390
- }
391
- .token.comment,
392
- .token.italic {
393
- font-style: italic;
394
- }
395
- .token.entity {
396
- cursor: help;
397
- }
398
- .token.namespace {
399
- opacity: 0.8;
400
- }
401
- .token.token.tab:not(:empty):before,
402
- .token.token.cr:before,
403
- .token.token.lf:before,
404
- .token.token.space:before {
405
- color: hsla(230, 8%, 24%, 0.2);
406
- }
407
- div.code-toolbar > .toolbar.toolbar > .toolbar-item {
408
- margin-right: 0.4em;
409
- }
410
- div.code-toolbar > .toolbar.toolbar > .toolbar-item > button,
411
- div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,
412
- div.code-toolbar > .toolbar.toolbar > .toolbar-item > span {
413
- background: hsl(230, 1%, 90%);
414
- color: hsl(230, 6%, 44%);
415
- padding: 0.1em 0.4em;
416
- border-radius: 0.3em;
417
- }
418
- div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover,
419
- div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus,
420
- div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover,
421
- div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus,
422
- div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover,
423
- div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
424
- background: hsl(230, 1%, 78%);
425
- color: hsl(230, 8%, 24%);
426
- }
427
- .line-highlight.line-highlight {
428
- background: hsla(230, 8%, 24%, 0.05);
429
- }
430
- .line-highlight.line-highlight:before,
431
- .line-highlight.line-highlight[data-end]:after {
432
- background: hsl(230, 1%, 90%);
433
- color: hsl(230, 8%, 24%);
434
- padding: 0.1em 0.6em;
435
- border-radius: 0.3em;
436
- box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
437
- }
438
- pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before {
439
- background-color: hsla(230, 8%, 24%, 0.05);
440
- }
441
- .line-numbers.line-numbers .line-numbers-rows,
442
- .command-line .command-line-prompt {
443
- border-right-color: hsla(230, 8%, 24%, 0.2);
444
- }
445
- .line-numbers .line-numbers-rows > span:before,
446
- .command-line .command-line-prompt > span:before {
447
- color: hsl(230, 1%, 62%);
448
- }
449
- .rainbow-braces .token.token.punctuation.brace-level-1,
450
- .rainbow-braces .token.token.punctuation.brace-level-5,
451
- .rainbow-braces .token.token.punctuation.brace-level-9 {
452
- color: hsl(5, 74%, 59%);
453
- }
454
- .rainbow-braces .token.token.punctuation.brace-level-2,
455
- .rainbow-braces .token.token.punctuation.brace-level-6,
456
- .rainbow-braces .token.token.punctuation.brace-level-10 {
457
- color: hsl(119, 34%, 47%);
458
- }
459
- .rainbow-braces .token.token.punctuation.brace-level-3,
460
- .rainbow-braces .token.token.punctuation.brace-level-7,
461
- .rainbow-braces .token.token.punctuation.brace-level-11 {
462
- color: hsl(221, 87%, 60%);
463
- }
464
- .rainbow-braces .token.token.punctuation.brace-level-4,
465
- .rainbow-braces .token.token.punctuation.brace-level-8,
466
- .rainbow-braces .token.token.punctuation.brace-level-12 {
467
- color: hsl(301, 63%, 40%);
468
- }
469
- pre.diff-highlight > code .token.token.deleted:not(.prefix),
470
- pre > code.diff-highlight .token.token.deleted:not(.prefix) {
471
- background-color: hsla(353, 100%, 66%, 0.15);
472
- }
473
- pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection,
474
- pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection,
475
- pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,
476
- pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {
477
- background-color: hsla(353, 95%, 66%, 0.25);
478
- }
479
- pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection,
480
- pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection,
481
- pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection,
482
- pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection {
483
- background-color: hsla(353, 95%, 66%, 0.25);
484
- }
485
- pre.diff-highlight > code .token.token.inserted:not(.prefix),
486
- pre > code.diff-highlight .token.token.inserted:not(.prefix) {
487
- background-color: hsla(137, 100%, 55%, 0.15);
488
- }
489
- pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection,
490
- pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection,
491
- pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,
492
- pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {
493
- background-color: hsla(135, 73%, 55%, 0.25);
494
- }
495
- pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection,
496
- pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection,
497
- pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection,
498
- pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
499
- background-color: hsla(135, 73%, 55%, 0.25);
500
- }
501
- .prism-previewer.prism-previewer:before,
502
- .prism-previewer-gradient.prism-previewer-gradient div {
503
- border-color: hsl(0, 0, 95%);
504
- }
505
- .prism-previewer-color.prism-previewer-color:before,
506
- .prism-previewer-gradient.prism-previewer-gradient div,
507
- .prism-previewer-easing.prism-previewer-easing:before {
508
- border-radius: 0.3em;
509
- }
510
- .prism-previewer.prism-previewer:after {
511
- border-top-color: hsl(0, 0, 95%);
512
- }
513
- .prism-previewer-flipped.prism-previewer-flipped.after {
514
- border-bottom-color: hsl(0, 0, 95%);
515
- }
516
- .prism-previewer-angle.prism-previewer-angle:before,
517
- .prism-previewer-time.prism-previewer-time:before,
518
- .prism-previewer-easing.prism-previewer-easing {
519
- background: hsl(0, 0%, 100%);
520
- }
521
- .prism-previewer-angle.prism-previewer-angle circle,
522
- .prism-previewer-time.prism-previewer-time circle {
523
- stroke: hsl(230, 8%, 24%);
524
- stroke-opacity: 1;
525
- }
526
- .prism-previewer-easing.prism-previewer-easing circle,
527
- .prism-previewer-easing.prism-previewer-easing path,
528
- .prism-previewer-easing.prism-previewer-easing line {
529
- stroke: hsl(230, 8%, 24%);
530
- }
531
- .prism-previewer-easing.prism-previewer-easing circle {
532
- fill: transparent;
533
- }
534
- [data-prefers-color="dark"] .token.doctype,
535
- [data-prefers-color="dark"] .token.punctuation,
536
- [data-prefers-color="dark"] .token.entity,
537
- [data-prefers-color="dark"] code[class*='language-'],
538
- [data-prefers-color="dark"] pre[class*='language-'] {
539
- color: #8590a0;
540
- }
541
- [data-prefers-color="dark"] .token.comment,
542
- [data-prefers-color="dark"] .token.prolog,
543
- [data-prefers-color="dark"] .token.cdata {
544
- color: #616d7f;
545
- }
546
- .dumi-default-source-code {
547
- position: relative;
548
- background-color: #fbfcfd;
549
- border-bottom-left-radius: 4px;
550
- border-bottom-right-radius: 4px;
551
- }
552
- .dumi-default-source-code-scroll-container {
553
- overflow: auto;
554
- width: 100%;
555
- height: 100%;
556
- }
557
- .dumi-default-source-code-scroll-content {
558
- position: relative;
559
- width: max-content;
560
- height: max-content;
561
- min-width: 100%;
562
- min-height: 100%;
563
- }
564
- .dumi-default-source-code-scroll-content > pre.prism-code {
565
- width: max-content;
566
- position: relative;
567
- overflow: visible;
568
- }
569
- .dumi-default-source-code > pre.prism-code {
570
- overflow: auto;
571
- }
572
- .dumi-default-source-code > pre.prism-code,
573
- .dumi-default-source-code-scroll-content > pre.prism-code {
574
- margin: 0;
575
- padding: 18px 24px;
576
- font-size: 14px;
577
- line-height: 1.58;
578
- direction: ltr;
579
- background: transparent;
580
- }
581
- .dumi-default-source-code > pre.prism-code::before,
582
- .dumi-default-source-code-scroll-content > pre.prism-code::before,
583
- .dumi-default-source-code > pre.prism-code::after,
584
- .dumi-default-source-code-scroll-content > pre.prism-code::after {
585
- content: none;
586
- }
587
- .dumi-default-source-code > pre.prism-code > .highlighted,
588
- .dumi-default-source-code-scroll-content > pre.prism-code > .highlighted {
589
- position: relative;
590
- width: calc(100% + 24px);
591
- background-color: #eeeff0;
592
- }
593
- .dumi-default-source-code > pre.prism-code > .highlighted .line-cell,
594
- .dumi-default-source-code-scroll-content > pre.prism-code > .highlighted .line-cell {
595
- position: relative;
596
- }
597
- .dumi-default-source-code > pre.prism-code > .highlighted .line-cell::after,
598
- .dumi-default-source-code-scroll-content > pre.prism-code > .highlighted .line-cell::after {
599
- content: '';
600
- position: absolute;
601
- top: 0;
602
- right: -24px;
603
- bottom: 0;
604
- width: 24px;
605
- background-color: #eeeff0;
606
- }
607
- .dumi-default-source-code > pre.prism-code > .highlighted::after,
608
- .dumi-default-source-code-scroll-content > pre.prism-code > .highlighted::after {
609
- content: '';
610
- position: absolute;
611
- top: 0;
612
- left: -24px;
613
- bottom: 0;
614
- width: 24px;
615
- background-color: #eeeff0;
616
- }
617
- .dumi-default-source-code > pre.prism-code > .wrap,
618
- .dumi-default-source-code-scroll-content > pre.prism-code > .wrap {
619
- display: table-row;
620
- }
621
- .dumi-default-source-code > pre.prism-code > .wrap > .token-line-num,
622
- .dumi-default-source-code-scroll-content > pre.prism-code > .wrap > .token-line-num {
623
- display: table-cell;
624
- text-align: right;
625
- padding-right: 1em;
626
- user-select: none;
627
- opacity: 0.5;
628
- }
629
- .dumi-default-source-code > pre.prism-code > .wrap > .line-cell,
630
- .dumi-default-source-code-scroll-content > pre.prism-code > .wrap > .line-cell {
631
- display: table-cell;
632
- width: 100%;
633
- }
634
- .dumi-default-source-code-copy {
635
- position: absolute;
636
- z-index: 2;
637
- top: 9px;
638
- right: 12px;
639
- display: inline-block;
640
- padding: 8px 12px;
641
- background-color: rgba(251, 252, 253, 0.8);
642
- border: 0;
643
- border-radius: 2px;
644
- cursor: pointer;
645
- transition: all 0.2s;
646
- }
647
- .dumi-default-source-code-copy > svg {
648
- width: 16px;
649
- fill: #98a3aa;
650
- transition: fill 0.2s;
651
- }
652
- [data-prefers-color="dark"] .dumi-default-source-code-copy > svg {
653
- fill: #4a545a;
654
- }
655
- .dumi-default-source-code-copy:hover > svg {
656
- fill: #7c8a93;
657
- }
658
- [data-prefers-color="dark"] .dumi-default-source-code-copy:hover > svg {
659
- fill: #616e75;
660
- }
661
- .dumi-default-source-code-copy[data-copied] > svg {
662
- fill: #208a41;
663
- }
664
- [data-prefers-color="dark"] .dumi-default-source-code-copy[data-copied] > svg {
665
- fill: #124c24;
666
- }
667
- .dumi-default-source-code:not(:hover) .dumi-default-source-code-copy {
668
- opacity: 0;
669
- visibility: hidden;
670
- }
671
- .dumi-default-source-code-language {
672
- position: absolute;
673
- top: 2px;
674
- right: 8px;
675
- z-index: 2;
676
- font-size: 12px;
677
- font-weight: 500;
678
- user-select: none;
679
- color: #8a9099;
680
- transition: color 0.4s, opacity 0.4s;
681
- }
682
- .dumi-default-source-code:hover .dumi-default-source-code-language {
683
- opacity: 0;
684
- visibility: hidden;
685
- }
686
- [data-prefers-color="dark"] .dumi-default-source-code {
687
- background-color: #020305;
688
- }
689
- [data-prefers-color="dark"] .dumi-default-source-code-copy {
690
- background-color: rgba(2, 3, 5, 0.2);
691
- }
692
- [data-prefers-color="dark"] .dumi-default-source-code > pre.prism-code > .highlighted {
693
- background-color: #1c1d1e;
694
- }
695
- [data-prefers-color="dark"] .dumi-default-source-code > pre.prism-code > .highlighted::after {
696
- background-color: #1c1d1e;
697
- }
698
- [data-prefers-color="dark"] .dumi-default-source-code > pre.prism-code > .highlighted .line-cell::after {
699
- background-color: #1c1d1e;
700
- }
701
- .dumi-default-source-code-editor {
702
- position: relative;
703
- }
704
- .dumi-default-source-code-editor-textarea {
705
- position: absolute;
706
- z-index: 1;
707
- display: block;
708
- top: 0;
709
- left: 0;
710
- width: 100%;
711
- height: 100%;
712
- color: transparent;
713
- caret-color: #30363f;
714
- overflow-wrap: normal;
715
- white-space: pre;
716
- box-sizing: border-box;
717
- background: transparent;
718
- opacity: 1;
719
- border: 0;
720
- resize: none;
721
- outline: none;
722
- overflow: hidden;
723
- border-bottom-left-radius: 3px;
724
- border-bottom-right-radius: 3px;
725
- }
726
- [data-prefers-color="dark"] .dumi-default-source-code-editor-textarea {
727
- caret-color: #c6c9cd;
728
- }
729
- [data-prefers-color="dark"] .dumi-default-source-code-editor-textarea:focus::selection {
730
- background-color: rgba(0, 83, 200, 0.3);
731
- }
732
- .dumi-default-source-code-editor::after {
733
- content: '';
734
- position: absolute;
735
- z-index: 0;
736
- top: 0;
737
- left: 0;
738
- width: 100%;
739
- height: 100%;
740
- border-bottom-left-radius: 3px;
741
- border-bottom-right-radius: 3px;
742
- pointer-events: none;
743
- }
744
- .dumi-default-source-code-editor:focus-within::after {
745
- box-shadow: 0 0 0 1px #1677ff inset;
746
- }
747
- [data-prefers-color="dark"] .dumi-default-source-code-editor:focus-within::after {
748
- box-shadow: 0 0 0 1px #0053c8 inset;
749
- }
750
- [data-dumi-tooltip] {
751
- position: relative;
752
- }
753
- [data-dumi-tooltip]::before,
754
- [data-dumi-tooltip]::after {
755
- position: absolute;
756
- bottom: 100%;
757
- left: 50%;
758
- transform: translateX(-50%);
759
- display: inline-block;
760
- opacity: 0.7;
761
- pointer-events: none;
762
- transition: all 0.2s;
763
- }
764
- [data-dumi-tooltip]::before {
765
- content: attr(data-dumi-tooltip);
766
- min-width: 30px;
767
- margin-bottom: 8px;
768
- padding: 5px 8px;
769
- color: #fff;
770
- font-size: 13px;
771
- line-height: 1.1;
772
- white-space: nowrap;
773
- background-color: #000;
774
- border-radius: 2px;
775
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
776
- box-sizing: border-box;
777
- }
778
- [data-prefers-color="dark"] [data-dumi-tooltip]::before {
779
- background-color: #222;
780
- }
781
- [data-dumi-tooltip]::after {
782
- content: '';
783
- width: 0;
784
- height: 0;
785
- border: 4px solid transparent;
786
- border-top-color: #000;
787
- }
788
- [data-prefers-color="dark"] [data-dumi-tooltip]::after {
789
- border-top-color: #222;
790
- }
791
- [data-dumi-tooltip]:not(:hover)::before,
792
- [data-dumi-tooltip]:not(:hover)::after {
793
- visibility: hidden;
794
- opacity: 0;
795
- }
796
- [data-dumi-tooltip][data-dumi-tooltip-bottom]::before,
797
- [data-dumi-tooltip][data-dumi-tooltip-bottom]::after {
798
- bottom: auto;
799
- top: 100%;
800
- }
801
- [data-dumi-tooltip][data-dumi-tooltip-bottom]::before {
802
- margin-top: 8px;
803
- margin-bottom: 0;
804
- }
805
- [data-dumi-tooltip][data-dumi-tooltip-bottom]::after {
806
- border-top-color: transparent;
807
- border-bottom-color: #000;
808
- }
809
- [data-prefers-color="dark"] [data-dumi-tooltip][data-dumi-tooltip-bottom]::after {
810
- border-bottom-color: #222;
811
- }
812
- .dumi-default-previewer-actions {
813
- display: flex;
814
- height: 32px;
815
- align-items: center;
816
- justify-content: center;
817
- }
818
- .dumi-default-previewer-actions:not(:last-child) {
819
- border-bottom: 1px dashed #e4e9ec;
820
- }
821
- [data-prefers-color="dark"] .dumi-default-previewer-actions:not(:last-child) {
822
- border-bottom-color: #2a353c;
823
- }
824
- .dumi-default-previewer-action-btn {
825
- display: flex;
826
- align-items: center;
827
- justify-content: center;
828
- width: 24px;
829
- height: 24px;
830
- padding: 0;
831
- border: 0;
832
- background: transparent;
833
- cursor: pointer;
834
- }
835
- .dumi-default-previewer-action-btn > svg {
836
- width: 16px;
837
- fill: #98a3aa;
838
- transition: fill 0.2s;
839
- }
840
- [data-prefers-color="dark"] .dumi-default-previewer-action-btn > svg {
841
- fill: #4a545a;
842
- }
843
- .dumi-default-previewer-action-btn:hover > svg {
844
- fill: #7c8a93;
845
- }
846
- [data-prefers-color="dark"] .dumi-default-previewer-action-btn:hover > svg {
847
- fill: #616e75;
848
- }
849
- .dumi-default-previewer-action-btn:not(:last-child) {
850
- margin-inline-end: 4px;
851
- }
852
- .dumi-default-previewer-action-sketch > select {
853
- position: absolute;
854
- -webkit-appearance: none;
855
- appearance: none;
856
- width: 100%;
857
- height: 100%;
858
- opacity: 0;
859
- cursor: pointer;
860
- }
861
- .dumi-default-previewer-action-sketch[data-copied] > svg {
862
- fill: #208a41;
863
- }
864
- .dumi-default-previewer-tabs-single .dumi-default-tabs-nav {
865
- display: none;
866
- }
867
- .dumi-default-previewer-editor-tip-btn {
868
- position: absolute;
869
- -webkit-appearance: none;
870
- appearance: none;
871
- z-index: 2;
872
- right: 42px;
873
- top: 9px;
874
- padding: 8px 12px;
875
- cursor: help;
876
- background: transparent;
877
- border: 0;
878
- transition: all 0.2s;
879
- }
880
- .dumi-default-previewer-editor-tip-btn > svg {
881
- width: 16px;
882
- fill: #98a3aa;
883
- }
884
- [data-prefers-color="dark"] .dumi-default-previewer-editor-tip-btn > svg {
885
- fill: #4a545a;
886
- }
887
- .dumi-default-previewer-editor-tip-btn[data-readonly] > span {
888
- position: absolute;
889
- top: 50%;
890
- left: 50%;
891
- display: block;
892
- width: 16px;
893
- height: 2px;
894
- background: #98a3aa;
895
- transform: rotate(45deg) translate(-50%, 120%);
896
- }
897
- .dumi-default-tabs-tabpane:not(:hover) .dumi-default-previewer-editor-tip-btn {
898
- opacity: 0;
899
- visibility: hidden;
900
- }
901
- .dumi-theme-default-tooltip {
902
- position: fixed;
903
- min-width: 30px;
904
- margin-bottom: 8px;
905
- box-sizing: border-box;
906
- }
907
- .dumi-theme-default-tooltip-hidden {
908
- display: none;
909
- }
910
- .dumi-theme-default-tooltip-arrow {
911
- border: 4px solid transparent;
912
- opacity: 0.7;
913
- }
914
- .dumi-theme-default-tooltip-placement-top .dumi-theme-default-tooltip-arrow {
915
- border-top-color: #000;
916
- transform: translate(-50%, 100%);
917
- }
918
- .dumi-theme-default-tooltip-bottom .dumi-theme-default-tooltip-arrow {
919
- border-bottom-color: #000;
920
- transform: translateY(-50%, -100%);
921
- }
922
- .dumi-theme-default-tooltip-content {
923
- padding: 5px 8px;
924
- color: #fff;
925
- font-size: 13px;
926
- line-height: 1.1;
927
- white-space: nowrap;
928
- background-color: #000;
929
- opacity: 0.7;
930
- border-radius: 2px;
931
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
932
- box-sizing: border-box;
933
- }
934
- [data-prefers-color="dark"] .dumi-theme-default-tooltip-content {
935
- background-color: #222;
936
- }
937
- .dumi-default-previewer {
938
- margin: 24px 0 32px;
939
- border: 1px solid #e4e9ec;
940
- border-radius: 4px;
941
- background-color: inherit;
942
- }
943
- [data-prefers-color="dark"] .dumi-default-previewer {
944
- border-color: #2a353c;
945
- }
946
- [data-dumi-demo-grid] .dumi-default-previewer {
947
- margin: 0 0 16px;
948
- }
949
- [data-dumi-demo-grid] .dumi-default-previewer:first-child {
950
- margin-top: 24px;
951
- }
952
- [data-dumi-demo-grid] .dumi-default-previewer:last-child {
953
- margin-bottom: 32px;
954
- }
955
- .dumi-default-previewer-demo {
956
- border-top-left-radius: 2px;
957
- border-top-right-radius: 2px;
958
- padding: 40px 24px;
959
- }
960
- .dumi-default-previewer-demo > iframe {
961
- display: block;
962
- width: 100%;
963
- height: 300px;
964
- border: 0;
965
- }
966
- .dumi-default-previewer-demo[data-iframe] {
967
- position: relative;
968
- padding: 0;
969
- border-top: 24px solid #e4e9ec;
970
- box-sizing: border-box;
971
- }
972
- [data-prefers-color="dark"] .dumi-default-previewer-demo[data-iframe] {
973
- border-top-color: #2a353c;
974
- }
975
- .dumi-default-previewer-demo[data-iframe]::after {
976
- content: '';
977
- position: absolute;
978
- top: -19px;
979
- left: 8px;
980
- display: inline-block;
981
- width: 12px;
982
- height: 12px;
983
- border-radius: 50%;
984
- background-color: #fd6458;
985
- box-shadow: 20px 0 0 #ffbf2b, 40px 0 0 #24cc3d;
986
- }
987
- .dumi-default-previewer-demo[data-transform] {
988
- transform: translate(0, 0);
989
- }
990
- .dumi-default-previewer-demo[data-compact] {
991
- padding: 0;
992
- }
993
- .dumi-default-previewer-demo[data-error][data-compact] {
994
- min-height: 30px;
995
- }
996
- .dumi-default-previewer-demo[data-error][data-compact] + .dumi-default-previewer-demo-error {
997
- border-top-left-radius: 3px;
998
- border-top-right-radius: 3px;
999
- }
1000
- .dumi-default-previewer-demo[data-loading] {
1001
- position: relative;
1002
- }
1003
- .dumi-default-previewer-demo[data-loading]::before {
1004
- position: absolute;
1005
- top: 50%;
1006
- left: 50%;
1007
- content: '';
1008
- display: block;
1009
- height: 28px;
1010
- max-height: 90%;
1011
- aspect-ratio: 1;
1012
- border-radius: 50%;
1013
- border: 2.8px solid;
1014
- border-color: #1677ff transparent;
1015
- box-sizing: border-box;
1016
- -webkit-animation: dumi-previewer-loading 1s infinite;
1017
- animation: dumi-previewer-loading 1s infinite;
1018
- transform: translate(-50%, -50%);
1019
- }
1020
- [data-prefers-color="dark"] .dumi-default-previewer-demo[data-loading]::before {
1021
- border-color: #0053c8 transparent;
1022
- }
1023
- @keyframes dumi-previewer-loading {
1024
- to {
1025
- transform: translate(-50%, -50%) rotate(0.5turn);
1026
- }
1027
- }
1028
- .dumi-default-previewer-demo[data-loading] > * {
1029
- opacity: 0.3 !important;
1030
- }
1031
- .dumi-default-previewer-demo-error {
1032
- position: relative;
1033
- margin-top: -30px;
1034
- height: 30px;
1035
- padding: 0 24px;
1036
- line-height: 30px;
1037
- color: #b23642;
1038
- font-size: 13px;
1039
- white-space: nowrap;
1040
- text-overflow: ellipsis;
1041
- background: #fdf4f5;
1042
- box-sizing: border-box;
1043
- overflow: hidden;
1044
- }
1045
- [data-prefers-color="dark"] .dumi-default-previewer-demo-error {
1046
- color: #c6414e;
1047
- background: #2a060a;
1048
- }
1049
- [data-prefers-color="dark"] .dumi-default-previewer-demo-error > svg {
1050
- fill: #c6414e;
1051
- }
1052
- .dumi-default-previewer-demo-error > svg {
1053
- width: 14px;
1054
- padding-right: 4px;
1055
- fill: #ce1f31;
1056
- vertical-align: -0.14em;
1057
- }
1058
- .dumi-default-previewer-meta {
1059
- border-top: 1px solid #e4e9ec;
1060
- }
1061
- [data-prefers-color="dark"] .dumi-default-previewer-meta {
1062
- border-top-color: #2a353c;
1063
- }
1064
- .dumi-default-previewer-desc {
1065
- position: relative;
1066
- }
1067
- .dumi-default-previewer-desc > .markdown {
1068
- padding: 14px 24px;
1069
- border-bottom: 1px dashed #e4e9ec;
1070
- }
1071
- [data-prefers-color="dark"] .dumi-default-previewer-desc > .markdown {
1072
- border-bottom-color: #2a353c;
1073
- }
1074
- .dumi-default-previewer-desc > h5 {
1075
- position: absolute;
1076
- top: -7px;
1077
- left: 20px;
1078
- margin: 0;
1079
- padding: 0 4px;
1080
- display: inline-block;
1081
- font-size: 14px;
1082
- line-height: 1;
1083
- font-weight: bold;
1084
- background: linear-gradient(to top, #ffffff, #ffffff 50%, rgba(255, 255, 255, 0)) 100%;
1085
- }
1086
- [data-prefers-color="dark"] .dumi-default-previewer-desc > h5 {
1087
- background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95) 50%, rgba(0, 0, 0, 0)) 100%;
1088
- }
1089
- .dumi-default-previewer-desc > h5 > a {
1090
- color: #30363f;
1091
- }
1092
- [data-prefers-color="dark"] .dumi-default-previewer-desc > h5 > a {
1093
- color: #c6c9cd;
1094
- }
1095
- .dumi-default-previewer-desc > h5 > a:not(:hover) {
1096
- text-decoration: none;
1097
- }
1098
- .dumi-default-previewer-desc > h5 > a > strong {
1099
- float: inline-start;
1100
- padding-inline-end: 8px;
1101
- color: #d59200;
1102
- font-size: 12px;
1103
- line-height: 15px;
1104
- }
1105
- [data-prefers-color="dark"] .dumi-default-previewer-desc > h5 > a > strong {
1106
- color: #895e00;
1107
- }
1108
- .dumi-default-previewer[data-active] {
1109
- box-shadow: 0 0 0 4px rgba(22, 119, 255, 0.1);
1110
- border-color: #7cb3ff;
1111
- }
1112
- [data-prefers-color="dark"] .dumi-default-previewer[data-active] {
1113
- box-shadow: 0 0 0 4px rgba(0, 83, 200, 0.1);
1114
- border-color: #002962;
1115
- }
1116
- .dumi-default-previewer[data-debug] {
1117
- border-color: #ffc23c;
1118
- }
1119
- [data-prefers-color="dark"] .dumi-default-previewer[data-debug] {
1120
- border-color: #231800;
1121
- }
1122
- .dumi-default-previewer[data-debug][data-active] {
1123
- box-shadow: 0 0 0 4px rgba(213, 146, 0, 0.1);
1124
- }
1125
- [data-prefers-color="dark"] .dumi-default-previewer[data-debug][data-active] {
1126
- box-shadow: 0 0 0 4px rgba(137, 94, 0, 0.1);
1127
- }
1128
- .dumi-default-content-tabs {
1129
- list-style-type: none;
1130
- display: flex;
1131
- align-items: center;
1132
- height: 60px;
1133
- margin: -48px -48px 48px -48px;
1134
- padding: 0 48px;
1135
- border-bottom: 1px solid #e4e9ec;
1136
- }
1137
- [data-prefers-color="dark"] .dumi-default-content-tabs {
1138
- border-bottom-color: #2a353c;
1139
- }
1140
- @media only screen and (max-width: 767px) {
1141
- .dumi-default-content-tabs {
1142
- margin: -24px -24px 24px;
1143
- padding: 0 24px;
1144
- height: 42px;
1145
- }
1146
- }
1147
- [data-no-sidebar] .dumi-default-content-tabs {
1148
- margin: 0 0 48px;
1149
- padding: 0;
1150
- }
1151
- @media only screen and (max-width: 767px) {
1152
- [data-no-sidebar] .dumi-default-content-tabs {
1153
- margin-bottom: 24px;
1154
- }
1155
- }
1156
- .dumi-default-content-tabs > li {
1157
- height: inherit;
1158
- }
1159
- .dumi-default-content-tabs > li > button {
1160
- padding: 0;
1161
- height: inherit;
1162
- color: #4f5866;
1163
- font-size: 17px;
1164
- border: 0;
1165
- background: transparent;
1166
- cursor: pointer;
1167
- transition: all 0.2s;
1168
- }
1169
- [data-prefers-color="dark"] .dumi-default-content-tabs > li > button {
1170
- color: #8590a0;
1171
- }
1172
- .dumi-default-content-tabs > li > button:hover {
1173
- color: #1677ff;
1174
- }
1175
- [data-prefers-color="dark"] .dumi-default-content-tabs > li > button:hover {
1176
- color: #0053c8;
1177
- }
1178
- .dumi-default-content-tabs > li:not(last-child) {
1179
- margin-inline-end: 42px;
1180
- }
1181
- @media only screen and (max-width: 767px) {
1182
- .dumi-default-content-tabs > li:not(last-child) {
1183
- margin-inline-end: 20px;
1184
- }
1185
- }
1186
- .dumi-default-content-tabs > li[data-active] {
1187
- position: relative;
1188
- }
1189
- .dumi-default-content-tabs > li[data-active] > button {
1190
- color: #30363f;
1191
- }
1192
- [data-prefers-color="dark"] .dumi-default-content-tabs > li[data-active] > button {
1193
- color: #c6c9cd;
1194
- }
1195
- .dumi-default-content-tabs > li[data-active]::after {
1196
- content: '';
1197
- position: absolute;
1198
- left: 0;
1199
- right: 0;
1200
- bottom: -1px;
1201
- height: 1px;
1202
- background-color: #1677ff;
1203
- }
1204
- [data-prefers-color="dark"] .dumi-default-content-tabs > li[data-active]::after {
1205
- background-color: #0053c8;
1206
- }
1207
- .dumi-default-container.markdown {
1208
- padding: 18px 0;
1209
- padding-inline-start: 44px;
1210
- padding-inline-end: 16px;
1211
- border-radius: 4px;
1212
- }
1213
- .dumi-default-container.markdown:not(:first-child) {
1214
- margin-bottom: 24px;
1215
- }
1216
- .dumi-default-container.markdown:not(:last-child) {
1217
- margin-top: 32px;
1218
- }
1219
- .dumi-default-container.markdown > svg {
1220
- float: left;
1221
- fill: currentcolor;
1222
- margin-inline-start: -26px;
1223
- width: 18px;
1224
- }
1225
- [data-direction='rtl'] .dumi-default-container.markdown > svg {
1226
- float: right;
1227
- }
1228
- .dumi-default-container.markdown > h4 {
1229
- clear: none;
1230
- margin: 0 0 12px;
1231
- font-size: 15px;
1232
- line-height: 17px;
1233
- }
1234
- .dumi-default-container.markdown > section {
1235
- font-size: 15px;
1236
- }
1237
- .dumi-default-container.markdown[data-type='info'] {
1238
- background: #ecf4ff;
1239
- }
1240
- .dumi-default-container.markdown[data-type='info'] > h4,
1241
- .dumi-default-container.markdown[data-type='info'] > svg {
1242
- color: #3367af;
1243
- }
1244
- .dumi-default-container.markdown[data-type='info'] > section {
1245
- color: #496a99;
1246
- }
1247
- [data-prefers-color="dark"] .dumi-default-container.markdown[data-type='info'] {
1248
- background: #001c44;
1249
- }
1250
- [data-prefers-color="dark"] .dumi-default-container.markdown[data-type='info'] > h4,
1251
- [data-prefers-color="dark"] .dumi-default-container.markdown[data-type='info'] > svg {
1252
- color: #5e8ed0;
1253
- }
1254
- [data-prefers-color="dark"] .dumi-default-container.markdown[data-type='info'] > section {
1255
- color: #7391bc;
1256
- }
1257
- .dumi-default-container.markdown[data-type='warning'] {
1258
- background: #fff3da;
1259
- }
1260
- .dumi-default-container.markdown[data-type='warning'] > h4,
1261
- .dumi-default-container.markdown[data-type='warning'] > svg {
1262
- color: #b78314;
1263
- }
1264
- .dumi-default-container.markdown[data-type='warning'] > section {
1265
- color: #9e7a2d;
1266
- }
1267
- [data-prefers-color="dark"] .dumi-default-container.markdown[data-type='warning'] {
1268
- background: #2d1f00;
1269
- }
1270
- [data-prefers-color="dark"] .dumi-default-container.markdown[data-type='warning'] > h4,
1271
- [data-prefers-color="dark"] .dumi-default-container.markdown[data-type='warning'] > svg {
1272
- color: #cd9417;
1273
- }
1274
- [data-prefers-color="dark"] .dumi-default-container.markdown[data-type='warning'] > section {
1275
- color: #b78c2e;
1276
- }
1277
- .dumi-default-container.markdown[data-type='success'] {
1278
- background: #dff8e7;
1279
- }
1280
- .dumi-default-container.markdown[data-type='success'] > h4,
1281
- .dumi-default-container.markdown[data-type='success'] > svg {
1282
- color: #238241;
1283
- }
1284
- .dumi-default-container.markdown[data-type='success'] > section {
1285
- color: #357047;
1286
- }
1287
- [data-prefers-color="dark"] .dumi-default-container.markdown[data-type='success'] {
1288
- background: #082210;
1289
- }
1290
- [data-prefers-color="dark"] .dumi-default-container.markdown[data-type='success'] > h4,
1291
- [data-prefers-color="dark"] .dumi-default-container.markdown[data-type='success'] > svg {
1292
- color: #2a9a4d;
1293
- }
1294
- [data-prefers-color="dark"] .dumi-default-container.markdown[data-type='success'] > section {
1295
- color: #3d8654;
1296
- }
1297
- .dumi-default-container.markdown[data-type='error'] {
1298
- background: #fdf4f5;
1299
- }
1300
- .dumi-default-container.markdown[data-type='error'] > h4,
1301
- .dumi-default-container.markdown[data-type='error'] > svg {
1302
- color: #b23642;
1303
- }
1304
- .dumi-default-container.markdown[data-type='error'] > section {
1305
- color: #955359;
1306
- }
1307
- [data-prefers-color="dark"] .dumi-default-container.markdown[data-type='error'] {
1308
- background: #2a060a;
1309
- }
1310
- [data-prefers-color="dark"] .dumi-default-container.markdown[data-type='error'] > h4,
1311
- [data-prefers-color="dark"] .dumi-default-container.markdown[data-type='error'] > svg {
1312
- color: #c6414e;
1313
- }
1314
- [data-prefers-color="dark"] .dumi-default-container.markdown[data-type='error'] > section {
1315
- color: #ad5962;
1316
- }
1317
- /*# sourceMappingURL=umi.css.map*/