mx3d 0.0.35 → 0.0.39

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 (83) hide show
  1. package/core/mx3d.kernel.min.js +2 -16
  2. package/core/mx3d.loaders.min.js +7 -49
  3. package/index.d.ts +2304 -26
  4. package/mx3d.js +112 -10121
  5. package/mx3d.min.js +6 -6
  6. package/package.json +1 -1
  7. package/core/mx3d.dazzle.min.js +0 -85
  8. package/docs/.nojekyll +0 -0
  9. package/docs/README.md +0 -24
  10. package/docs/_sidebar.md +0 -18
  11. package/docs/camera.md +0 -24
  12. package/docs/css/dark.css +0 -979
  13. package/docs/css/local.google.fonts.css +0 -295
  14. package/docs/css/vue.css +0 -1025
  15. package/docs/fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2 +0 -0
  16. package/docs/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2 +0 -0
  17. package/docs/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2 +0 -0
  18. package/docs/gui/2D.md +0 -53
  19. package/docs/gui/3D.md +0 -46
  20. package/docs/gui/test1.png +0 -0
  21. package/docs/gui/test2.png +0 -0
  22. package/docs/gui/test3.png +0 -0
  23. package/docs/heatMap/heatMap.md +0 -115
  24. package/docs/heatMap/test1.png +0 -0
  25. package/docs/heatMap/test2.png +0 -0
  26. package/docs/index.html +0 -50
  27. package/docs/js/docsify@4.min.js +0 -1
  28. package/docs/models/modelmgr.md +0 -251
  29. package/docs/project/projectmgr.md +0 -73
  30. package/docs/project/scenetree.jpg +0 -0
  31. package/docs/started/environment.md +0 -42
  32. package/docs/started/quickstart.md +0 -89
  33. package/lib/App.d.ts +0 -45
  34. package/lib/ArrayEx.d.ts +0 -3
  35. package/lib/Builder/BaseNode.d.ts +0 -9
  36. package/lib/Builder/Builder.d.ts +0 -0
  37. package/lib/Builder/HeatMap.d.ts +0 -0
  38. package/lib/Builder/Icon.d.ts +0 -0
  39. package/lib/Builder/IconFromMesh.d.ts +0 -0
  40. package/lib/Camera.d.ts +0 -18
  41. package/lib/Cryptojs.d.ts +0 -3
  42. package/lib/Dictionary.d.ts +0 -13
  43. package/lib/EffectControls.d.ts +0 -42
  44. package/lib/EffectMgr.d.ts +0 -10
  45. package/lib/EffectType.d.ts +0 -5
  46. package/lib/Environment.d.ts +0 -22
  47. package/lib/EventType.d.ts +0 -8
  48. package/lib/GUID.d.ts +0 -3
  49. package/lib/HeatMapMgr.d.ts +0 -2
  50. package/lib/Optimized/OptimizedRegion.d.ts +0 -11
  51. package/lib/ReadJSON.d.ts +0 -3
  52. package/lib/Resources.d.ts +0 -23
  53. package/lib/TipsTool.d.ts +0 -15
  54. package/lib/ToolTip.d.ts +0 -0
  55. package/lib/Tools.d.ts +0 -19
  56. package/lib/UI.d.ts +0 -9
  57. package/lib/VisualAngle.d.ts +0 -13
  58. package/lib/components/AirFlowObject.d.ts +0 -10
  59. package/lib/components/BuildingObject.d.ts +0 -5
  60. package/lib/components/CabinetObject.d.ts +0 -3
  61. package/lib/components/ConduitObject.d.ts +0 -10
  62. package/lib/components/CornerObject.d.ts +0 -5
  63. package/lib/components/DefaultObject.d.ts +0 -46
  64. package/lib/components/DoorObject.d.ts +0 -5
  65. package/lib/components/FloorObject.d.ts +0 -5
  66. package/lib/components/IObject.d.ts +0 -27
  67. package/lib/components/Ibase.d.ts +0 -8
  68. package/lib/components/LeakWaterObject.d.ts +0 -7
  69. package/lib/components/ObjectType.d.ts +0 -47
  70. package/lib/components/OptimizedWallObject.d.ts +0 -5
  71. package/lib/components/Project.d.ts +0 -29
  72. package/lib/components/Region.d.ts +0 -14
  73. package/lib/components/UI3DTextObject.d.ts +0 -4
  74. package/lib/components/VirtualBoxObject.d.ts +0 -4
  75. package/lib/components/WallObject.d.ts +0 -7
  76. package/lib/components/WindowObject.d.ts +0 -5
  77. package/lib/lights/Directional.d.ts +0 -7
  78. package/lib/lights/Hemispheric.d.ts +0 -6
  79. package/lib/lights/ILightObject.d.ts +0 -10
  80. package/lib/lights/LightObject.d.ts +0 -15
  81. package/lib/lights/LightType.d.ts +0 -8
  82. package/lib/lights/Point.d.ts +0 -7
  83. package/lib/lights/Spot.d.ts +0 -10
package/docs/css/vue.css DELETED
@@ -1,1025 +0,0 @@
1
- @import "./local.google.fonts.css";
2
- * {
3
- -webkit-font-smoothing: antialiased;
4
- -webkit-overflow-scrolling: touch;
5
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
6
- -webkit-text-size-adjust: none;
7
- -webkit-touch-callout: none;
8
- box-sizing: border-box;
9
- }
10
-
11
- body:not(.ready) {
12
- overflow: hidden;
13
- }
14
-
15
- body:not(.ready) [data-cloak],
16
- body:not(.ready) .app-nav,
17
- body:not(.ready)>nav {
18
- display: none;
19
- }
20
-
21
- div#app {
22
- font-size: 30px;
23
- font-weight: lighter;
24
- margin: 40vh auto;
25
- text-align: center;
26
- }
27
-
28
- div#app:empty::before {
29
- content: 'Loading...';
30
- }
31
-
32
- .emoji {
33
- height: 1.2rem;
34
- vertical-align: middle;
35
- }
36
-
37
- .progress {
38
- background-color: var(--theme-color, #42b983);
39
- height: 2px;
40
- left: 0px;
41
- position: fixed;
42
- right: 0px;
43
- top: 0px;
44
- transition: width 0.2s, opacity 0.4s;
45
- width: 0%;
46
- z-index: 999999;
47
- }
48
-
49
- .search a:hover {
50
- color: var(--theme-color, #42b983);
51
- }
52
-
53
- .search .search-keyword {
54
- color: var(--theme-color, #42b983);
55
- font-style: normal;
56
- font-weight: bold;
57
- }
58
-
59
- html,
60
- body {
61
- height: 100%;
62
- }
63
-
64
- body {
65
- -moz-osx-font-smoothing: grayscale;
66
- -webkit-font-smoothing: antialiased;
67
- color: #34495e;
68
- font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
69
- font-size: 15px;
70
- letter-spacing: 0;
71
- margin: 0;
72
- overflow-x: hidden;
73
- }
74
-
75
- img {
76
- max-width: 100%;
77
- }
78
-
79
- a[disabled] {
80
- cursor: not-allowed;
81
- opacity: 0.6;
82
- }
83
-
84
- kbd {
85
- border: solid 1px #ccc;
86
- border-radius: 3px;
87
- display: inline-block;
88
- font-size: 12px !important;
89
- line-height: 12px;
90
- margin-bottom: 3px;
91
- padding: 3px 5px;
92
- vertical-align: middle;
93
- }
94
-
95
- li input[type='checkbox'] {
96
- margin: 0 0.2em 0.25em 0;
97
- vertical-align: middle;
98
- }
99
-
100
- .app-nav {
101
- margin: 25px 60px 0 0;
102
- position: absolute;
103
- right: 0;
104
- text-align: right;
105
- z-index: 10;
106
- /* navbar dropdown */
107
- }
108
-
109
- .app-nav.no-badge {
110
- margin-right: 25px;
111
- }
112
-
113
- .app-nav p {
114
- margin: 0;
115
- }
116
-
117
- .app-nav>a {
118
- margin: 0 1rem;
119
- padding: 5px 0;
120
- }
121
-
122
- .app-nav ul,
123
- .app-nav li {
124
- display: inline-block;
125
- list-style: none;
126
- margin: 0;
127
- }
128
-
129
- .app-nav a {
130
- color: inherit;
131
- font-size: 16px;
132
- text-decoration: none;
133
- transition: color 0.3s;
134
- }
135
-
136
- .app-nav a:hover {
137
- color: var(--theme-color, #42b983);
138
- }
139
-
140
- .app-nav a.active {
141
- border-bottom: 2px solid var(--theme-color, #42b983);
142
- color: var(--theme-color, #42b983);
143
- }
144
-
145
- .app-nav li {
146
- display: inline-block;
147
- margin: 0 1rem;
148
- padding: 5px 0;
149
- position: relative;
150
- cursor: pointer;
151
- }
152
-
153
- .app-nav li ul {
154
- background-color: #fff;
155
- border: 1px solid #ddd;
156
- border-bottom-color: #ccc;
157
- border-radius: 4px;
158
- box-sizing: border-box;
159
- display: none;
160
- max-height: calc(100vh - 61px);
161
- overflow-y: auto;
162
- padding: 10px 0;
163
- position: absolute;
164
- right: -15px;
165
- text-align: left;
166
- top: 100%;
167
- white-space: nowrap;
168
- }
169
-
170
- .app-nav li ul li {
171
- display: block;
172
- font-size: 14px;
173
- line-height: 1rem;
174
- margin: 0;
175
- margin: 8px 14px;
176
- white-space: nowrap;
177
- }
178
-
179
- .app-nav li ul a {
180
- display: block;
181
- font-size: inherit;
182
- margin: 0;
183
- padding: 0;
184
- }
185
-
186
- .app-nav li ul a.active {
187
- border-bottom: 0;
188
- }
189
-
190
- .app-nav li:hover ul {
191
- display: block;
192
- }
193
-
194
- .github-corner {
195
- border-bottom: 0;
196
- position: fixed;
197
- right: 0;
198
- text-decoration: none;
199
- top: 0;
200
- z-index: 1;
201
- }
202
-
203
- .github-corner:hover .octo-arm {
204
- -webkit-animation: octocat-wave 560ms ease-in-out;
205
- animation: octocat-wave 560ms ease-in-out;
206
- }
207
-
208
- .github-corner svg {
209
- color: #fff;
210
- fill: var(--theme-color, #42b983);
211
- height: 80px;
212
- width: 80px;
213
- }
214
-
215
- main {
216
- display: block;
217
- position: relative;
218
- width: 100vw;
219
- height: 100%;
220
- z-index: 0;
221
- }
222
-
223
- main.hidden {
224
- display: none;
225
- }
226
-
227
- .anchor {
228
- display: inline-block;
229
- text-decoration: none;
230
- transition: all 0.3s;
231
- }
232
-
233
- .anchor span {
234
- color: #34495e;
235
- }
236
-
237
- .anchor:hover {
238
- text-decoration: underline;
239
- }
240
-
241
- .sidebar {
242
- border-right: 1px solid rgba(0, 0, 0, 0.07);
243
- overflow-y: auto;
244
- padding: 40px 0 0;
245
- position: absolute;
246
- top: 0;
247
- bottom: 0;
248
- left: 0;
249
- transition: transform 250ms ease-out;
250
- width: 300px;
251
- z-index: 20;
252
- }
253
-
254
- .sidebar>h1 {
255
- margin: 0 auto 1rem;
256
- font-size: 1.5rem;
257
- font-weight: 300;
258
- text-align: center;
259
- }
260
-
261
- .sidebar>h1 a {
262
- color: inherit;
263
- text-decoration: none;
264
- }
265
-
266
- .sidebar>h1 .app-nav {
267
- display: block;
268
- position: static;
269
- }
270
-
271
- .sidebar .sidebar-nav {
272
- line-height: 2em;
273
- padding-bottom: 40px;
274
- }
275
-
276
- .sidebar li.collapse .app-sub-sidebar {
277
- display: none;
278
- }
279
-
280
- .sidebar ul {
281
- margin: 0 0 0 15px;
282
- padding: 0;
283
- }
284
-
285
- .sidebar li>p {
286
- font-weight: 700;
287
- margin: 0;
288
- }
289
-
290
- .sidebar ul,
291
- .sidebar ul li {
292
- list-style: none;
293
- }
294
-
295
- .sidebar ul li a {
296
- border-bottom: none;
297
- display: block;
298
- }
299
-
300
- .sidebar ul li ul {
301
- padding-left: 20px;
302
- }
303
-
304
- .sidebar::-webkit-scrollbar {
305
- width: 4px;
306
- }
307
-
308
- .sidebar::-webkit-scrollbar-thumb {
309
- background: transparent;
310
- border-radius: 4px;
311
- }
312
-
313
- .sidebar:hover::-webkit-scrollbar-thumb {
314
- background: rgba(136, 136, 136, 0.4);
315
- }
316
-
317
- .sidebar:hover::-webkit-scrollbar-track {
318
- background: rgba(136, 136, 136, 0.1);
319
- }
320
-
321
- .sidebar-toggle {
322
- background-color: transparent;
323
- background-color: rgba(255, 255, 255, 0.8);
324
- border: 0;
325
- outline: none;
326
- padding: 10px;
327
- position: absolute;
328
- bottom: 0;
329
- left: 0;
330
- text-align: center;
331
- transition: opacity 0.3s;
332
- width: 284px;
333
- z-index: 30;
334
- cursor: pointer;
335
- }
336
-
337
- .sidebar-toggle:hover .sidebar-toggle-button {
338
- opacity: 0.4;
339
- }
340
-
341
- .sidebar-toggle span {
342
- background-color: var(--theme-color, #42b983);
343
- display: block;
344
- margin-bottom: 4px;
345
- width: 16px;
346
- height: 2px;
347
- }
348
-
349
- body.sticky .sidebar,
350
- body.sticky .sidebar-toggle {
351
- position: fixed;
352
- }
353
-
354
- .content {
355
- padding-top: 60px;
356
- position: absolute;
357
- top: 0;
358
- right: 0;
359
- bottom: 0;
360
- left: 300px;
361
- transition: left 250ms ease;
362
- }
363
-
364
- .markdown-section {
365
- margin: 0 auto;
366
- /* max-width: 80%; */
367
- padding: 30px 15px 40px 15px;
368
- position: relative;
369
- }
370
-
371
- .markdown-section>* {
372
- box-sizing: border-box;
373
- font-size: inherit;
374
- }
375
-
376
- .markdown-section> :first-child {
377
- margin-top: 0 !important;
378
- }
379
-
380
- .markdown-section hr {
381
- border: none;
382
- border-bottom: 1px solid #eee;
383
- margin: 2em 0;
384
- }
385
-
386
- .markdown-section iframe {
387
- border: 1px solid #eee;
388
- /* fix horizontal overflow on iOS Safari */
389
- width: 1px;
390
- min-width: 100%;
391
- }
392
-
393
- .markdown-section table {
394
- border-collapse: collapse;
395
- border-spacing: 0;
396
- display: block;
397
- margin-bottom: 1rem;
398
- overflow: auto;
399
- width: 100%;
400
- }
401
-
402
- .markdown-section th {
403
- border: 1px solid #ddd;
404
- font-weight: bold;
405
- padding: 6px 13px;
406
- }
407
-
408
- .markdown-section td {
409
- border: 1px solid #ddd;
410
- padding: 6px 13px;
411
- }
412
-
413
- .markdown-section tr {
414
- border-top: 1px solid #ccc;
415
- }
416
-
417
- .markdown-section tr:nth-child(2n) {
418
- background-color: #f8f8f8;
419
- }
420
-
421
- .markdown-section p.tip {
422
- background-color: #f8f8f8;
423
- border-bottom-right-radius: 2px;
424
- border-left: 4px solid #f66;
425
- border-top-right-radius: 2px;
426
- margin: 2em 0;
427
- padding: 12px 24px 12px 30px;
428
- position: relative;
429
- }
430
-
431
- .markdown-section p.tip:before {
432
- background-color: #f66;
433
- border-radius: 100%;
434
- color: #fff;
435
- content: '!';
436
- font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
437
- font-size: 14px;
438
- font-weight: bold;
439
- left: -12px;
440
- line-height: 20px;
441
- position: absolute;
442
- height: 20px;
443
- width: 20px;
444
- text-align: center;
445
- top: 14px;
446
- }
447
-
448
- .markdown-section p.tip code {
449
- background-color: #efefef;
450
- }
451
-
452
- .markdown-section p.tip em {
453
- color: #34495e;
454
- }
455
-
456
- .markdown-section p.warn {
457
- background: rgba(66, 185, 131, 0.1);
458
- border-radius: 2px;
459
- padding: 1rem;
460
- }
461
-
462
- .markdown-section ul.task-list>li {
463
- list-style-type: none;
464
- }
465
-
466
- body.close .sidebar {
467
- transform: translateX(-300px);
468
- }
469
-
470
- body.close .sidebar-toggle {
471
- width: auto;
472
- }
473
-
474
- body.close .content {
475
- left: 0;
476
- }
477
-
478
- @media print {
479
- .github-corner,
480
- .sidebar-toggle,
481
- .sidebar,
482
- .app-nav {
483
- display: none;
484
- }
485
- }
486
-
487
- @media screen and (max-width: 768px) {
488
- .github-corner,
489
- .sidebar-toggle,
490
- .sidebar {
491
- position: fixed;
492
- }
493
- .app-nav {
494
- margin-top: 16px;
495
- }
496
- .app-nav li ul {
497
- top: 30px;
498
- }
499
- main {
500
- height: auto;
501
- overflow-x: hidden;
502
- }
503
- .sidebar {
504
- left: -300px;
505
- transition: transform 250ms ease-out;
506
- }
507
- .content {
508
- left: 0;
509
- max-width: 100vw;
510
- position: static;
511
- padding-top: 20px;
512
- transition: transform 250ms ease;
513
- }
514
- .app-nav,
515
- .github-corner {
516
- transition: transform 250ms ease-out;
517
- }
518
- .sidebar-toggle {
519
- background-color: transparent;
520
- width: auto;
521
- padding: 30px 30px 10px 10px;
522
- }
523
- body.close .sidebar {
524
- transform: translateX(300px);
525
- }
526
- body.close .sidebar-toggle {
527
- background-color: rgba(255, 255, 255, 0.8);
528
- transition: 1s background-color;
529
- width: 284px;
530
- padding: 10px;
531
- }
532
- body.close .content {
533
- transform: translateX(300px);
534
- }
535
- body.close .app-nav,
536
- body.close .github-corner {
537
- display: none;
538
- }
539
- .github-corner:hover .octo-arm {
540
- -webkit-animation: none;
541
- animation: none;
542
- }
543
- .github-corner .octo-arm {
544
- -webkit-animation: octocat-wave 560ms ease-in-out;
545
- animation: octocat-wave 560ms ease-in-out;
546
- }
547
- }
548
-
549
- @-webkit-keyframes octocat-wave {
550
- 0%,
551
- 100% {
552
- transform: rotate(0);
553
- }
554
- 20%,
555
- 60% {
556
- transform: rotate(-25deg);
557
- }
558
- 40%,
559
- 80% {
560
- transform: rotate(10deg);
561
- }
562
- }
563
-
564
- @keyframes octocat-wave {
565
- 0%,
566
- 100% {
567
- transform: rotate(0);
568
- }
569
- 20%,
570
- 60% {
571
- transform: rotate(-25deg);
572
- }
573
- 40%,
574
- 80% {
575
- transform: rotate(10deg);
576
- }
577
- }
578
-
579
- section.cover {
580
- align-items: center;
581
- background-position: center center;
582
- background-repeat: no-repeat;
583
- background-size: cover;
584
- height: 100vh;
585
- width: 100vw;
586
- display: none;
587
- }
588
-
589
- section.cover.show {
590
- display: flex;
591
- }
592
-
593
- section.cover.has-mask .mask {
594
- background-color: #fff;
595
- opacity: 0.8;
596
- position: absolute;
597
- top: 0;
598
- height: 100%;
599
- width: 100%;
600
- }
601
-
602
- section.cover .cover-main {
603
- flex: 1;
604
- margin: -20px 16px 0;
605
- text-align: center;
606
- position: relative;
607
- }
608
-
609
- section.cover a {
610
- color: inherit;
611
- text-decoration: none;
612
- }
613
-
614
- section.cover a:hover {
615
- text-decoration: none;
616
- }
617
-
618
- section.cover p {
619
- line-height: 1.5rem;
620
- margin: 1em 0;
621
- }
622
-
623
- section.cover h1 {
624
- color: inherit;
625
- font-size: 2.5rem;
626
- font-weight: 300;
627
- margin: 0.625rem 0 2.5rem;
628
- position: relative;
629
- text-align: center;
630
- }
631
-
632
- section.cover h1 a {
633
- display: block;
634
- }
635
-
636
- section.cover h1 small {
637
- bottom: -0.4375rem;
638
- font-size: 1rem;
639
- position: absolute;
640
- }
641
-
642
- section.cover blockquote {
643
- font-size: 1.5rem;
644
- text-align: center;
645
- }
646
-
647
- section.cover ul {
648
- line-height: 1.8;
649
- list-style-type: none;
650
- margin: 1em auto;
651
- max-width: 500px;
652
- padding: 0;
653
- }
654
-
655
- section.cover .cover-main>p:last-child a {
656
- border-color: var(--theme-color, #42b983);
657
- border-radius: 2rem;
658
- border-style: solid;
659
- border-width: 1px;
660
- box-sizing: border-box;
661
- color: var(--theme-color, #42b983);
662
- display: inline-block;
663
- font-size: 1.05rem;
664
- letter-spacing: 0.1rem;
665
- margin: 0.5rem 1rem;
666
- padding: 0.75em 2rem;
667
- text-decoration: none;
668
- transition: all 0.15s ease;
669
- }
670
-
671
- section.cover .cover-main>p:last-child a:last-child {
672
- background-color: var(--theme-color, #42b983);
673
- color: #fff;
674
- }
675
-
676
- section.cover .cover-main>p:last-child a:last-child:hover {
677
- color: inherit;
678
- opacity: 0.8;
679
- }
680
-
681
- section.cover .cover-main>p:last-child a:hover {
682
- color: inherit;
683
- }
684
-
685
- section.cover blockquote>p>a {
686
- border-bottom: 2px solid var(--theme-color, #42b983);
687
- transition: color 0.3s;
688
- }
689
-
690
- section.cover blockquote>p>a:hover {
691
- color: var(--theme-color, #42b983);
692
- }
693
-
694
- body {
695
- background-color: #fff;
696
- }
697
-
698
-
699
- /* sidebar */
700
-
701
- .sidebar {
702
- background-color: #fff;
703
- color: #364149;
704
- }
705
-
706
- .sidebar li {
707
- margin: 6px 0 6px 0;
708
- }
709
-
710
- .sidebar ul li a {
711
- color: #505d6b;
712
- font-size: 14px;
713
- font-weight: normal;
714
- overflow: hidden;
715
- text-decoration: none;
716
- text-overflow: ellipsis;
717
- white-space: nowrap;
718
- }
719
-
720
- .sidebar ul li a:hover {
721
- text-decoration: underline;
722
- }
723
-
724
- .sidebar ul li ul {
725
- padding: 0;
726
- }
727
-
728
- .sidebar ul li.active>a {
729
- border-right: 2px solid;
730
- color: var(--theme-color, #42b983);
731
- font-weight: 600;
732
- }
733
-
734
- .app-sub-sidebar li::before {
735
- content: '-';
736
- padding-right: 4px;
737
- float: left;
738
- }
739
-
740
-
741
- /* markdown content found on pages */
742
-
743
- .markdown-section h1,
744
- .markdown-section h2,
745
- .markdown-section h3,
746
- .markdown-section h4,
747
- .markdown-section strong {
748
- color: #2c3e50;
749
- font-weight: 600;
750
- }
751
-
752
- .markdown-section a {
753
- color: var(--theme-color, #42b983);
754
- font-weight: 600;
755
- }
756
-
757
- .markdown-section h1 {
758
- font-size: 2rem;
759
- margin: 0 0 1rem;
760
- }
761
-
762
- .markdown-section h2 {
763
- font-size: 1.75rem;
764
- margin: 45px 0 0.8rem;
765
- }
766
-
767
- .markdown-section h3 {
768
- font-size: 1.5rem;
769
- margin: 40px 0 0.6rem;
770
- }
771
-
772
- .markdown-section h4 {
773
- font-size: 1.25rem;
774
- }
775
-
776
- .markdown-section h5 {
777
- font-size: 1rem;
778
- }
779
-
780
- .markdown-section h6 {
781
- color: #777;
782
- font-size: 1rem;
783
- }
784
-
785
- .markdown-section figure,
786
- .markdown-section p {
787
- margin: 1.2em 0;
788
- }
789
-
790
- .markdown-section p,
791
- .markdown-section ul,
792
- .markdown-section ol {
793
- line-height: 1.6rem;
794
- word-spacing: 0.05rem;
795
- }
796
-
797
- .markdown-section ul,
798
- .markdown-section ol {
799
- padding-left: 1.5rem;
800
- }
801
-
802
- .markdown-section blockquote {
803
- border-left: 4px solid var(--theme-color, #42b983);
804
- color: #858585;
805
- margin: 2em 0;
806
- padding-left: 20px;
807
- }
808
-
809
- .markdown-section blockquote p {
810
- font-weight: 600;
811
- margin-left: 0;
812
- }
813
-
814
- .markdown-section iframe {
815
- margin: 1em 0;
816
- }
817
-
818
- .markdown-section em {
819
- color: #7f8c8d;
820
- }
821
-
822
- .markdown-section code,
823
- .markdown-section pre,
824
- .markdown-section output::after {
825
- font-family: 'Roboto Mono', Monaco, courier, monospace;
826
- }
827
-
828
- .markdown-section code,
829
- .markdown-section pre {
830
- background-color: #f8f8f8;
831
- }
832
-
833
- .markdown-section pre,
834
- .markdown-section output {
835
- margin: 1.2em 0;
836
- position: relative;
837
- }
838
-
839
- .markdown-section pre>code,
840
- .markdown-section output {
841
- border-radius: 2px;
842
- display: block;
843
- }
844
-
845
- .markdown-section pre>code,
846
- .markdown-section output::after {
847
- -moz-osx-font-smoothing: initial;
848
- -webkit-font-smoothing: initial;
849
- }
850
-
851
- .markdown-section code {
852
- border-radius: 2px;
853
- color: #e96900;
854
- margin: 0 2px;
855
- padding: 3px 5px;
856
- white-space: pre-wrap;
857
- }
858
-
859
- .markdown-section> :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) code {
860
- font-size: 0.8rem;
861
- }
862
-
863
- .markdown-section pre {
864
- padding: 0 1.4rem;
865
- line-height: 1.5rem;
866
- overflow: auto;
867
- word-wrap: normal;
868
- }
869
-
870
- .markdown-section pre>code {
871
- color: #525252;
872
- font-size: 0.8rem;
873
- padding: 2.2em 5px;
874
- line-height: inherit;
875
- margin: 0 2px;
876
- max-width: inherit;
877
- overflow: inherit;
878
- white-space: inherit;
879
- }
880
-
881
- .markdown-section output {
882
- padding: 1.7rem 1.4rem;
883
- border: 1px dotted #ccc;
884
- }
885
-
886
- .markdown-section output> :first-child {
887
- margin-top: 0;
888
- }
889
-
890
- .markdown-section output> :last-child {
891
- margin-bottom: 0;
892
- }
893
-
894
- .markdown-section code::after,
895
- .markdown-section code::before,
896
- .markdown-section output::after,
897
- .markdown-section output::before {
898
- letter-spacing: 0.05rem;
899
- }
900
-
901
- .markdown-section pre::after,
902
- .markdown-section output::after {
903
- color: #ccc;
904
- font-size: 0.6rem;
905
- font-weight: 600;
906
- height: 15px;
907
- line-height: 15px;
908
- padding: 5px 10px 0;
909
- position: absolute;
910
- right: 0;
911
- text-align: right;
912
- top: 0;
913
- }
914
-
915
- .markdown-section pre::after,
916
- .markdown-section output::after {
917
- content: attr(data-lang);
918
- }
919
-
920
-
921
- /* code highlight */
922
-
923
- .token.comment,
924
- .token.prolog,
925
- .token.doctype,
926
- .token.cdata {
927
- color: #8e908c;
928
- }
929
-
930
- .token.namespace {
931
- opacity: 0.7;
932
- }
933
-
934
- .token.boolean,
935
- .token.number {
936
- color: #c76b29;
937
- }
938
-
939
- .token.punctuation {
940
- color: #525252;
941
- }
942
-
943
- .token.property {
944
- color: #c08b30;
945
- }
946
-
947
- .token.tag {
948
- color: #2973b7;
949
- }
950
-
951
- .token.string {
952
- color: var(--theme-color, #42b983);
953
- }
954
-
955
- .token.selector {
956
- color: #6679cc;
957
- }
958
-
959
- .token.attr-name {
960
- color: #2973b7;
961
- }
962
-
963
- .token.entity,
964
- .token.url,
965
- .language-css .token.string,
966
- .style .token.string {
967
- color: #22a2c9;
968
- }
969
-
970
- .token.attr-value,
971
- .token.control,
972
- .token.directive,
973
- .token.unit {
974
- color: var(--theme-color, #42b983);
975
- }
976
-
977
- .token.keyword,
978
- .token.function {
979
- color: #e96900;
980
- }
981
-
982
- .token.statement,
983
- .token.regex,
984
- .token.atrule {
985
- color: #22a2c9;
986
- }
987
-
988
- .token.placeholder,
989
- .token.variable {
990
- color: #3d8fd1;
991
- }
992
-
993
- .token.deleted {
994
- text-decoration: line-through;
995
- }
996
-
997
- .token.inserted {
998
- border-bottom: 1px dotted #202746;
999
- text-decoration: none;
1000
- }
1001
-
1002
- .token.italic {
1003
- font-style: italic;
1004
- }
1005
-
1006
- .token.important,
1007
- .token.bold {
1008
- font-weight: bold;
1009
- }
1010
-
1011
- .token.important {
1012
- color: #c94922;
1013
- }
1014
-
1015
- .token.entity {
1016
- cursor: help;
1017
- }
1018
-
1019
- code .token {
1020
- -moz-osx-font-smoothing: initial;
1021
- -webkit-font-smoothing: initial;
1022
- min-height: 1.5rem;
1023
- position: relative;
1024
- left: auto;
1025
- }