yy-forms 1.0.45 → 1.0.46

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 (57) hide show
  1. package/package.json +2 -1
  2. package/.fatherrc.js +0 -37
  3. package/CHANGELOG.md +0 -254
  4. package/es/Provider.js +0 -248
  5. package/es/index.d.ts +0 -145
  6. package/es/index.js +0 -44
  7. package/es/settings/index.js +0 -975
  8. package/es/styles/atom.less +0 -1134
  9. package/es/styles/index.less +0 -358
  10. package/es/transformer/form-render.js +0 -75
  11. package/es/utils/context.js +0 -3
  12. package/es/utils/hooks.js +0 -48
  13. package/es/utils/index.js +0 -706
  14. package/es/utils/mapping.js +0 -31
  15. package/es/utils/serialize.js +0 -276
  16. package/es/widgets/htmlInput.js +0 -20
  17. package/es/widgets/idInput.js +0 -23
  18. package/es/widgets/index.js +0 -5
  19. package/es/widgets/jsonInput.js +0 -24
  20. package/es/widgets/list.js +0 -24
  21. package/es/widgets/percentSlider.js +0 -89
  22. package/src/Provider.jsx +0 -239
  23. package/src/components/Canvas/core/RenderChildren.jsx +0 -18
  24. package/src/components/Canvas/core/RenderField.jsx +0 -131
  25. package/src/components/Canvas/core/Wrapper.jsx +0 -298
  26. package/src/components/Canvas/core/Wrapper.less +0 -57
  27. package/src/components/Canvas/core/index.jsx +0 -171
  28. package/src/components/Canvas/index.jsx +0 -178
  29. package/src/components/Settings/GlobalSettings.jsx +0 -50
  30. package/src/components/Settings/ItemSettings.jsx +0 -155
  31. package/src/components/Settings/index.jsx +0 -75
  32. package/src/components/Settings/index.less +0 -25
  33. package/src/components/Sidebar/Element.jsx +0 -80
  34. package/src/components/Sidebar/Element.less +0 -18
  35. package/src/components/Sidebar/index.jsx +0 -47
  36. package/src/components/Sidebar/index.less +0 -23
  37. package/src/i18next/index.ts +0 -14
  38. package/src/i18next/locales/enUS.json +0 -51
  39. package/src/i18next/locales/resources.ts +0 -7
  40. package/src/i18next/locales/zhCN.json +0 -3
  41. package/src/index.d.ts +0 -145
  42. package/src/index.js +0 -45
  43. package/src/settings/index.js +0 -2030
  44. package/src/styles/atom.less +0 -1134
  45. package/src/styles/index.less +0 -358
  46. package/src/transformer/form-render.js +0 -65
  47. package/src/utils/context.js +0 -4
  48. package/src/utils/hooks.js +0 -35
  49. package/src/utils/index.js +0 -678
  50. package/src/utils/mapping.js +0 -29
  51. package/src/utils/serialize.js +0 -368
  52. package/src/widgets/htmlInput.jsx +0 -24
  53. package/src/widgets/idInput.jsx +0 -27
  54. package/src/widgets/index.js +0 -6
  55. package/src/widgets/jsonInput.jsx +0 -29
  56. package/src/widgets/list.jsx +0 -28
  57. package/src/widgets/percentSlider.jsx +0 -74
@@ -1,1134 +0,0 @@
1
- .fr-generator-container {
2
- .outline {
3
- outline: 1px solid;
4
- }
5
- .outline-transparent {
6
- outline: 1px solid transparent;
7
- }
8
- .outline-0 {
9
- outline: 0;
10
- }
11
-
12
- .ba {
13
- border-style: solid;
14
- border-width: 1px;
15
- }
16
- .bt {
17
- border-top-style: solid;
18
- border-top-width: 1px;
19
- }
20
- .br {
21
- border-right-style: solid;
22
- border-right-width: 1px;
23
- }
24
- .bb {
25
- border-bottom-style: solid;
26
- border-bottom-width: 1px;
27
- }
28
- .bl {
29
- border-left-style: solid;
30
- border-left-width: 1px;
31
- }
32
- .bn {
33
- border-style: none;
34
- border-width: 0;
35
- }
36
-
37
- .br0 {
38
- border-radius: 0;
39
- }
40
- .br1 {
41
- border-radius: 0.125rem;
42
- }
43
- .br2 {
44
- border-radius: 0.25rem;
45
- }
46
- .br3 {
47
- border-radius: 0.5rem;
48
- }
49
- .br4 {
50
- border-radius: 1rem;
51
- }
52
- .br-100 {
53
- border-radius: 100%;
54
- }
55
- .br-pill {
56
- border-radius: 9999px;
57
- }
58
- .br--bottom {
59
- border-top-left-radius: 0;
60
- border-top-right-radius: 0;
61
- }
62
- .br--top {
63
- border-bottom-left-radius: 0;
64
- border-bottom-right-radius: 0;
65
- }
66
- .br--right {
67
- border-top-left-radius: 0;
68
- border-bottom-left-radius: 0;
69
- }
70
- .br--left {
71
- border-top-right-radius: 0;
72
- border-bottom-right-radius: 0;
73
- }
74
-
75
- .b--dotted {
76
- border-style: dotted;
77
- }
78
- .b--dashed {
79
- border-style: dashed;
80
- }
81
- .b--solid {
82
- border-style: solid;
83
- }
84
- .b--none {
85
- border-style: none;
86
- }
87
-
88
- .b--black-10 {
89
- border-color: rgba(0, 0, 0, 0.1);
90
- }
91
- .b--black-20 {
92
- border-color: rgba(0, 0, 0, 0.2);
93
- }
94
- .b--black-30 {
95
- border-color: rgba(0, 0, 0, 0.3);
96
- }
97
-
98
- .black-40 {
99
- color: rgba(0, 0, 0, 0.4);
100
- }
101
- .f4 {
102
- font-size: 1.25rem;
103
- }
104
- .bw0 {
105
- border-width: 0;
106
- }
107
- .bw1 {
108
- border-width: 0.125rem;
109
- }
110
- .bw2 {
111
- border-width: 0.25rem;
112
- }
113
- .bw3 {
114
- border-width: 0.5rem;
115
- }
116
- .bw4 {
117
- border-width: 1rem;
118
- }
119
- .bw5 {
120
- border-width: 2rem;
121
- }
122
- /* Resets */
123
- .bt-0 {
124
- border-top-width: 0;
125
- }
126
- .br-0 {
127
- border-right-width: 0;
128
- }
129
- .bb-0 {
130
- border-bottom-width: 0;
131
- }
132
- .bl-0 {
133
- border-left-width: 0;
134
- }
135
-
136
- .shadow-1 {
137
- box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
138
- }
139
- .shadow-2 {
140
- box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
141
- }
142
- .shadow-3 {
143
- box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
144
- }
145
- .shadow-4 {
146
- box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
147
- }
148
- .shadow-5 {
149
- box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
150
- }
151
-
152
- .top-0 {
153
- top: 0;
154
- }
155
- .right-0 {
156
- right: 0;
157
- }
158
- .bottom-0 {
159
- bottom: 0;
160
- }
161
- .left-0 {
162
- left: 0;
163
- }
164
- .top-1 {
165
- top: 1rem;
166
- }
167
- .right-1 {
168
- right: 1rem;
169
- }
170
- .bottom-1 {
171
- bottom: 1rem;
172
- }
173
- .left-1 {
174
- left: 1rem;
175
- }
176
- .top-2 {
177
- top: 2rem;
178
- }
179
- .right-2 {
180
- right: 2rem;
181
- }
182
- .bottom-2 {
183
- bottom: 2rem;
184
- }
185
- .left-2 {
186
- left: 2rem;
187
- }
188
- .top--1 {
189
- top: -1rem;
190
- }
191
- .right--1 {
192
- right: -1rem;
193
- }
194
- .bottom--1 {
195
- bottom: -1rem;
196
- }
197
- .left--1 {
198
- left: -1rem;
199
- }
200
- .top--2 {
201
- top: -2rem;
202
- }
203
- .right--2 {
204
- right: -2rem;
205
- }
206
- .bottom--2 {
207
- bottom: -2rem;
208
- }
209
- .left--2 {
210
- left: -2rem;
211
- }
212
- .absolute--fill {
213
- top: 0;
214
- right: 0;
215
- bottom: 0;
216
- left: 0;
217
- }
218
-
219
- .dn {
220
- display: none;
221
- }
222
- .di {
223
- display: inline;
224
- }
225
- .db {
226
- display: block;
227
- }
228
- .dib {
229
- display: inline-block;
230
- }
231
- .dit {
232
- display: inline-table;
233
- }
234
- .dt {
235
- display: table;
236
- }
237
- .dtc {
238
- display: table-cell;
239
- }
240
- .dt-row {
241
- display: table-row;
242
- }
243
- .dt-row-group {
244
- display: table-row-group;
245
- }
246
- .dt-column {
247
- display: table-column;
248
- }
249
- .dt-column-group {
250
- display: table-column-group;
251
- }
252
- /*
253
- This will set table to full width and then
254
- all cells will be equal width
255
- */
256
- .dt--fixed {
257
- table-layout: fixed;
258
- width: 100%;
259
- }
260
-
261
- .flex {
262
- display: flex;
263
- }
264
- .inline-flex {
265
- display: inline-flex;
266
- }
267
- /* 1. Fix for Chrome 44 bug.
268
- * https://code.google.com/p/chromium/issues/detail?id=506893 */
269
- .flex-auto {
270
- flex: 1 1 auto;
271
- min-width: 0; /* 1 */
272
- min-height: 0; /* 1 */
273
- }
274
- .flex-none {
275
- flex: none;
276
- }
277
- .flex-column {
278
- flex-direction: column;
279
- }
280
- .flex-row {
281
- flex-direction: row;
282
- }
283
- .flex-wrap {
284
- flex-wrap: wrap;
285
- }
286
- .flex-nowrap {
287
- flex-wrap: nowrap;
288
- }
289
- .flex-wrap-reverse {
290
- flex-wrap: wrap-reverse;
291
- }
292
- .flex-column-reverse {
293
- flex-direction: column-reverse;
294
- }
295
- .flex-row-reverse {
296
- flex-direction: row-reverse;
297
- }
298
- .items-start {
299
- align-items: flex-start;
300
- }
301
- .items-end {
302
- align-items: flex-end;
303
- }
304
- .items-center {
305
- align-items: center;
306
- }
307
- .items-baseline {
308
- align-items: baseline;
309
- }
310
- .items-stretch {
311
- align-items: stretch;
312
- }
313
- .self-start {
314
- align-self: flex-start;
315
- }
316
- .self-end {
317
- align-self: flex-end;
318
- }
319
- .self-center {
320
- align-self: center;
321
- }
322
- .self-baseline {
323
- align-self: baseline;
324
- }
325
- .self-stretch {
326
- align-self: stretch;
327
- }
328
- .justify-start {
329
- justify-content: flex-start;
330
- }
331
- .justify-end {
332
- justify-content: flex-end;
333
- }
334
- .justify-center {
335
- justify-content: center;
336
- }
337
- .justify-between {
338
- justify-content: space-between;
339
- }
340
- .justify-around {
341
- justify-content: space-around;
342
- }
343
- .content-start {
344
- align-content: flex-start;
345
- }
346
- .content-end {
347
- align-content: flex-end;
348
- }
349
- .content-center {
350
- align-content: center;
351
- }
352
- .content-between {
353
- align-content: space-between;
354
- }
355
- .content-around {
356
- align-content: space-around;
357
- }
358
- .content-stretch {
359
- align-content: stretch;
360
- }
361
- .order-0 {
362
- order: 0;
363
- }
364
- .order-1 {
365
- order: 1;
366
- }
367
- .order-2 {
368
- order: 2;
369
- }
370
- .order-3 {
371
- order: 3;
372
- }
373
- .order-4 {
374
- order: 4;
375
- }
376
- .order-5 {
377
- order: 5;
378
- }
379
- .order-6 {
380
- order: 6;
381
- }
382
- .order-7 {
383
- order: 7;
384
- }
385
- .order-8 {
386
- order: 8;
387
- }
388
- .order-last {
389
- order: 99999;
390
- }
391
- .flex-grow-0 {
392
- flex-grow: 0;
393
- }
394
- .flex-grow-1 {
395
- flex-grow: 1;
396
- }
397
- .flex-shrink-0 {
398
- flex-shrink: 0;
399
- }
400
- .flex-shrink-1 {
401
- flex-shrink: 1;
402
- }
403
-
404
- .fw1 {
405
- font-weight: 100;
406
- }
407
- .fw2 {
408
- font-weight: 200;
409
- }
410
- .fw3 {
411
- font-weight: 300;
412
- }
413
- .fw4 {
414
- font-weight: 400;
415
- }
416
- .fw5 {
417
- font-weight: 500;
418
- }
419
- .fw6 {
420
- font-weight: 600;
421
- }
422
- .fw7 {
423
- font-weight: 700;
424
- }
425
- .fw8 {
426
- font-weight: 800;
427
- }
428
- .fw9 {
429
- font-weight: 900;
430
- }
431
-
432
- .h1 {
433
- height: 1rem;
434
- }
435
- .h2 {
436
- height: 2rem;
437
- }
438
- .h3 {
439
- height: 4rem;
440
- }
441
- .h4 {
442
- height: 8rem;
443
- }
444
- .h5 {
445
- height: 16rem;
446
- }
447
- /* Height Percentages - Based off of height of parent */
448
- .h-25 {
449
- height: 25%;
450
- }
451
- .h-50 {
452
- height: 50%;
453
- }
454
- .h-75 {
455
- height: 75%;
456
- }
457
- .h-100 {
458
- height: 100%;
459
- }
460
- .min-h-100 {
461
- min-height: 100%;
462
- }
463
- /* Screen Height Percentage */
464
- .vh-25 {
465
- height: 25vh;
466
- }
467
- .vh-50 {
468
- height: 50vh;
469
- }
470
- .vh-75 {
471
- height: 75vh;
472
- }
473
- .vh-100 {
474
- height: 100vh;
475
- }
476
- .min-vh-100 {
477
- min-height: 100vh;
478
- }
479
- /* String Properties */
480
- .h-auto {
481
- height: auto;
482
- }
483
- .h-inherit {
484
- height: inherit;
485
- }
486
-
487
- .tracked {
488
- letter-spacing: 0.1em;
489
- }
490
- .tracked-tight {
491
- letter-spacing: -0.05em;
492
- }
493
- .tracked-mega {
494
- letter-spacing: 0.25em;
495
- }
496
-
497
- .lh-solid {
498
- line-height: 1;
499
- }
500
- .lh-title {
501
- line-height: 1.25;
502
- }
503
- .lh-copy {
504
- line-height: 1.5;
505
- }
506
-
507
- /* Max Width Percentages */
508
- .mw-100 {
509
- max-width: 100%;
510
- }
511
- /* Max Width Scale */
512
- .mw1 {
513
- max-width: 1rem;
514
- }
515
- .mw2 {
516
- max-width: 2rem;
517
- }
518
- .mw3 {
519
- max-width: 4rem;
520
- }
521
- .mw4 {
522
- max-width: 8rem;
523
- }
524
- .mw5 {
525
- max-width: 16rem;
526
- }
527
- .mw6 {
528
- max-width: 32rem;
529
- }
530
- .mw7 {
531
- max-width: 48rem;
532
- }
533
- .mw8 {
534
- max-width: 64rem;
535
- }
536
- .mw9 {
537
- max-width: 96rem;
538
- }
539
- /* Max Width String Properties */
540
- .mw-none {
541
- max-width: none;
542
- }
543
-
544
- .w1 {
545
- width: 1rem;
546
- }
547
- .w2 {
548
- width: 2rem;
549
- }
550
- .w3 {
551
- width: 4rem;
552
- }
553
- .w4 {
554
- width: 8rem;
555
- }
556
- .w5 {
557
- width: 16rem;
558
- }
559
- .w-10 {
560
- width: 10%;
561
- }
562
- .w-20 {
563
- width: 20%;
564
- }
565
- .w-25 {
566
- width: 25%;
567
- }
568
- .w-30 {
569
- width: 30%;
570
- }
571
- .w-33 {
572
- width: 33%;
573
- }
574
- .w-34 {
575
- width: 34%;
576
- }
577
- .w-40 {
578
- width: 40%;
579
- }
580
- .w-50 {
581
- width: 50%;
582
- }
583
- .w-60 {
584
- width: 60%;
585
- }
586
- .w-70 {
587
- width: 70%;
588
- }
589
- .w-75 {
590
- width: 75%;
591
- }
592
- .w-80 {
593
- width: 80%;
594
- }
595
- .w-90 {
596
- width: 90%;
597
- }
598
- .w-100 {
599
- width: 100%;
600
- }
601
- .w-third {
602
- width: calc(100% / 3);
603
- }
604
- .w-two-thirds {
605
- width: calc(100% / 1.5);
606
- }
607
- .w-auto {
608
- width: auto;
609
- }
610
-
611
- .tl {
612
- text-align: left;
613
- }
614
- .tr {
615
- text-align: right;
616
- }
617
- .tc {
618
- text-align: center;
619
- }
620
- .tj {
621
- text-align: justify;
622
- }
623
-
624
- .overflow-visible {
625
- overflow: visible;
626
- }
627
- .overflow-hidden {
628
- overflow: hidden;
629
- }
630
- .overflow-scroll {
631
- overflow: scroll;
632
- }
633
- .overflow-auto {
634
- overflow: auto;
635
- }
636
- .overflow-x-visible {
637
- overflow-x: visible;
638
- }
639
- .overflow-x-hidden {
640
- overflow-x: hidden;
641
- }
642
- .overflow-x-scroll {
643
- overflow-x: scroll;
644
- }
645
- .overflow-x-auto {
646
- overflow-x: auto;
647
- }
648
- .overflow-y-visible {
649
- overflow-y: visible;
650
- }
651
- .overflow-y-hidden {
652
- overflow-y: hidden;
653
- }
654
- .overflow-y-scroll {
655
- overflow-y: scroll;
656
- }
657
- .overflow-y-auto {
658
- overflow-y: auto;
659
- }
660
-
661
- .static {
662
- position: static;
663
- }
664
- .relative {
665
- position: relative;
666
- }
667
- .absolute {
668
- position: absolute;
669
- }
670
- .fixed {
671
- position: fixed;
672
- }
673
-
674
- .o-100 {
675
- opacity: 1;
676
- }
677
- .o-90 {
678
- opacity: 0.9;
679
- }
680
- .o-80 {
681
- opacity: 0.8;
682
- }
683
- .o-70 {
684
- opacity: 0.7;
685
- }
686
- .o-60 {
687
- opacity: 0.6;
688
- }
689
- .o-50 {
690
- opacity: 0.5;
691
- }
692
- .o-40 {
693
- opacity: 0.4;
694
- }
695
- .o-30 {
696
- opacity: 0.3;
697
- }
698
- .o-20 {
699
- opacity: 0.2;
700
- }
701
- .o-10 {
702
- opacity: 0.1;
703
- }
704
- .o-05 {
705
- opacity: 0.05;
706
- }
707
- .o-025 {
708
- opacity: 0.025;
709
- }
710
- .o-0 {
711
- opacity: 0;
712
- }
713
-
714
- .pa0 {
715
- padding: 0;
716
- }
717
- .pa1 {
718
- padding: 0.25rem;
719
- }
720
- .pa2 {
721
- padding: 0.5rem;
722
- }
723
- .pa3 {
724
- padding: 1rem;
725
- }
726
- .pa4 {
727
- padding: 2rem;
728
- }
729
- .pa5 {
730
- padding: 4rem;
731
- }
732
- .pa6 {
733
- padding: 8rem;
734
- }
735
- .pa7 {
736
- padding: 16rem;
737
- }
738
- .pl0 {
739
- padding-left: 0;
740
- }
741
- .pl1 {
742
- padding-left: 0.25rem;
743
- }
744
- .pl2 {
745
- padding-left: 0.5rem;
746
- }
747
- .pl3 {
748
- padding-left: 1rem;
749
- }
750
- .pl4 {
751
- padding-left: 2rem;
752
- }
753
- .pl5 {
754
- padding-left: 4rem;
755
- }
756
- .pl6 {
757
- padding-left: 8rem;
758
- }
759
- .pl7 {
760
- padding-left: 16rem;
761
- }
762
- .pr0 {
763
- padding-right: 0;
764
- }
765
- .pr1 {
766
- padding-right: 0.25rem;
767
- }
768
- .pr2 {
769
- padding-right: 0.5rem;
770
- }
771
- .pr3 {
772
- padding-right: 1rem;
773
- }
774
- .pr4 {
775
- padding-right: 2rem;
776
- }
777
- .pr5 {
778
- padding-right: 4rem;
779
- }
780
- .pr6 {
781
- padding-right: 8rem;
782
- }
783
- .pr7 {
784
- padding-right: 16rem;
785
- }
786
- .pb0 {
787
- padding-bottom: 0;
788
- }
789
- .pb1 {
790
- padding-bottom: 0.25rem;
791
- }
792
- .pb2 {
793
- padding-bottom: 0.5rem;
794
- }
795
- .pb3 {
796
- padding-bottom: 1rem;
797
- }
798
- .pb4 {
799
- padding-bottom: 2rem;
800
- }
801
- .pb5 {
802
- padding-bottom: 4rem;
803
- }
804
- .pb6 {
805
- padding-bottom: 8rem;
806
- }
807
- .pb7 {
808
- padding-bottom: 16rem;
809
- }
810
- .pt0 {
811
- padding-top: 0;
812
- }
813
- .pt1 {
814
- padding-top: 0.25rem;
815
- }
816
- .pt2 {
817
- padding-top: 0.5rem;
818
- }
819
- .pt3 {
820
- padding-top: 1rem;
821
- }
822
- .pt4 {
823
- padding-top: 2rem;
824
- }
825
- .pt5 {
826
- padding-top: 4rem;
827
- }
828
- .pt6 {
829
- padding-top: 8rem;
830
- }
831
- .pt7 {
832
- padding-top: 16rem;
833
- }
834
- .pv0 {
835
- padding-top: 0;
836
- padding-bottom: 0;
837
- }
838
- .pv1 {
839
- padding-top: 0.25rem;
840
- padding-bottom: 0.25rem;
841
- }
842
- .pv2 {
843
- padding-top: 0.5rem;
844
- padding-bottom: 0.5rem;
845
- }
846
- .pv3 {
847
- padding-top: 1rem;
848
- padding-bottom: 1rem;
849
- }
850
- .pv4 {
851
- padding-top: 2rem;
852
- padding-bottom: 2rem;
853
- }
854
- .pv5 {
855
- padding-top: 4rem;
856
- padding-bottom: 4rem;
857
- }
858
- .pv6 {
859
- padding-top: 8rem;
860
- padding-bottom: 8rem;
861
- }
862
- .pv7 {
863
- padding-top: 16rem;
864
- padding-bottom: 16rem;
865
- }
866
- .ph0 {
867
- padding-left: 0;
868
- padding-right: 0;
869
- }
870
- .ph1 {
871
- padding-left: 0.25rem;
872
- padding-right: 0.25rem;
873
- }
874
- .ph2 {
875
- padding-left: 0.5rem;
876
- padding-right: 0.5rem;
877
- }
878
- .ph3 {
879
- padding-left: 1rem;
880
- padding-right: 1rem;
881
- }
882
- .ph4 {
883
- padding-left: 2rem;
884
- padding-right: 2rem;
885
- }
886
- .ph5 {
887
- padding-left: 4rem;
888
- padding-right: 4rem;
889
- }
890
- .ph6 {
891
- padding-left: 8rem;
892
- padding-right: 8rem;
893
- }
894
- .ph7 {
895
- padding-left: 16rem;
896
- padding-right: 16rem;
897
- }
898
- .ma1 {
899
- margin: 0.25rem;
900
- }
901
- .ma2 {
902
- margin: 0.5rem;
903
- }
904
- .ma3 {
905
- margin: 1rem;
906
- }
907
- .ma4 {
908
- margin: 2rem;
909
- }
910
- .ma5 {
911
- margin: 4rem;
912
- }
913
- .ma6 {
914
- margin: 8rem;
915
- }
916
- .ma7 {
917
- margin: 16rem;
918
- }
919
- .ma0 {
920
- margin: 0;
921
- }
922
- .ml1 {
923
- margin-left: 0.25rem;
924
- }
925
- .ml2 {
926
- margin-left: 0.5rem;
927
- }
928
- .ml3 {
929
- margin-left: 1rem;
930
- }
931
- .ml4 {
932
- margin-left: 2rem;
933
- }
934
- .ml5 {
935
- margin-left: 4rem;
936
- }
937
- .ml6 {
938
- margin-left: 8rem;
939
- }
940
- .ml7 {
941
- margin-left: 16rem;
942
- }
943
- .ml0 {
944
- margin-left: 0;
945
- }
946
- .mr1 {
947
- margin-right: 0.25rem;
948
- }
949
- .mr2 {
950
- margin-right: 0.5rem;
951
- }
952
- .mr3 {
953
- margin-right: 1rem;
954
- }
955
- .mr4 {
956
- margin-right: 2rem;
957
- }
958
- .mr5 {
959
- margin-right: 4rem;
960
- }
961
- .mr6 {
962
- margin-right: 8rem;
963
- }
964
- .mr7 {
965
- margin-right: 16rem;
966
- }
967
- .mr0 {
968
- margin-right: 0;
969
- }
970
- .mb1 {
971
- margin-bottom: 0.25rem;
972
- }
973
- .mb2 {
974
- margin-bottom: 0.5rem;
975
- }
976
- .mb3 {
977
- margin-bottom: 1rem;
978
- }
979
- .mb4 {
980
- margin-bottom: 2rem;
981
- }
982
- .mb5 {
983
- margin-bottom: 4rem;
984
- }
985
- .mb6 {
986
- margin-bottom: 8rem;
987
- }
988
- .mb7 {
989
- margin-bottom: 16rem;
990
- }
991
- .mb0 {
992
- margin-bottom: 0;
993
- }
994
- .mt1 {
995
- margin-top: 0.25rem;
996
- }
997
- .mt2 {
998
- margin-top: 0.5rem;
999
- }
1000
- .mt3 {
1001
- margin-top: 1rem;
1002
- }
1003
- .mt4 {
1004
- margin-top: 2rem;
1005
- }
1006
- .mt5 {
1007
- margin-top: 4rem;
1008
- }
1009
- .mt6 {
1010
- margin-top: 8rem;
1011
- }
1012
- .mt7 {
1013
- margin-top: 16rem;
1014
- }
1015
- .mt0 {
1016
- margin-top: 0;
1017
- }
1018
- .mv1 {
1019
- margin-top: 0.25rem;
1020
- margin-bottom: 0.25rem;
1021
- }
1022
- .mv2 {
1023
- margin-top: 0.5rem;
1024
- margin-bottom: 0.5rem;
1025
- }
1026
- .mv3 {
1027
- margin-top: 1rem;
1028
- margin-bottom: 1rem;
1029
- }
1030
- .mv4 {
1031
- margin-top: 2rem;
1032
- margin-bottom: 2rem;
1033
- }
1034
- .mv5 {
1035
- margin-top: 4rem;
1036
- margin-bottom: 4rem;
1037
- }
1038
- .mv6 {
1039
- margin-top: 8rem;
1040
- margin-bottom: 8rem;
1041
- }
1042
- .mv7 {
1043
- margin-top: 16rem;
1044
- margin-bottom: 16rem;
1045
- }
1046
- .mv0 {
1047
- margin-top: 0;
1048
- margin-bottom: 0;
1049
- }
1050
- .mh1 {
1051
- margin-left: 0.25rem;
1052
- margin-right: 0.25rem;
1053
- }
1054
- .mh2 {
1055
- margin-left: 0.5rem;
1056
- margin-right: 0.5rem;
1057
- }
1058
- .mh3 {
1059
- margin-left: 1rem;
1060
- margin-right: 1rem;
1061
- }
1062
- .mh4 {
1063
- margin-left: 2rem;
1064
- margin-right: 2rem;
1065
- }
1066
- .mh5 {
1067
- margin-left: 4rem;
1068
- margin-right: 4rem;
1069
- }
1070
- .mh6 {
1071
- margin-left: 8rem;
1072
- margin-right: 8rem;
1073
- }
1074
- .mh7 {
1075
- margin-left: 16rem;
1076
- margin-right: 16rem;
1077
- }
1078
- .mh0 {
1079
- margin-left: 0;
1080
- margin-right: 0;
1081
- }
1082
-
1083
- .red {
1084
- color: red;
1085
- }
1086
- .blue {
1087
- color: #357edd;
1088
- }
1089
- .f7 {
1090
- font-size: 0.75rem;
1091
- }
1092
-
1093
- .debug * {
1094
- outline: 1px solid gold;
1095
- }
1096
- .debug-white * {
1097
- outline: 1px solid white;
1098
- }
1099
- .debug-black * {
1100
- outline: 1px solid black;
1101
- }
1102
- .debug-grid {
1103
- background: transparent
1104
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII=)
1105
- repeat top left;
1106
- }
1107
-
1108
- .truncate {
1109
- white-space: nowrap;
1110
- overflow: hidden;
1111
- text-overflow: ellipsis;
1112
- }
1113
- .bg-white {
1114
- background-color: #fff;
1115
- }
1116
- .pointer:hover {
1117
- cursor: pointer;
1118
- }
1119
- .link {
1120
- color: #1890ff;
1121
- font-size: 14px;
1122
- }
1123
- .link:hover {
1124
- color: #40a9ff;
1125
- font-size: 14px;
1126
- }
1127
- /* .link:hover { color: #3e71f7; font-size: 14px; } */
1128
-
1129
- @media screen and (min-width: 60em) {
1130
- .w5-l {
1131
- width: 16rem;
1132
- }
1133
- }
1134
- }