jqtree 1.6.3 → 1.7.1

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 (97) hide show
  1. package/.github/workflows/ci.yml +15 -21
  2. package/.github/workflows/codeql-analysis.yml +2 -2
  3. package/README.md +1 -1
  4. package/bower.json +10 -3
  5. package/config/production +2 -2
  6. package/config/{rollup.config.js → rollup.config.mjs} +3 -8
  7. package/docs/Gemfile.lock +34 -37
  8. package/docs/_config.yml +1 -1
  9. package/docs/_entries/10_changelog.md +13 -0
  10. package/docs/_entries/93_getnextnode.md +4 -1
  11. package/docs/_entries/{95_getpreviousnode.md → 95_getnextvisiblenode.md} +1 -1
  12. package/docs/_entries/96_getpreviousnode.md +0 -0
  13. package/docs/_entries/98_getpreviousvisiblenode.md +14 -0
  14. package/docs/package.json +7 -7
  15. package/docs/pnpm-lock.yaml +413 -265
  16. package/docs/static/bower.json +2 -2
  17. package/docs/static/bower_components/fontawesome/css/all.min.css +6 -2
  18. package/docs/static/bower_components/fontawesome/webfonts/fa-brands-400.ttf +0 -0
  19. package/docs/static/bower_components/fontawesome/webfonts/fa-brands-400.woff2 +0 -0
  20. package/docs/static/bower_components/fontawesome/webfonts/fa-regular-400.ttf +0 -0
  21. package/docs/static/bower_components/fontawesome/webfonts/fa-regular-400.woff2 +0 -0
  22. package/docs/static/bower_components/fontawesome/webfonts/fa-solid-900.ttf +0 -0
  23. package/docs/static/bower_components/fontawesome/webfonts/fa-solid-900.woff2 +0 -0
  24. package/docs/static/bower_components/fontawesome/webfonts/fa-v4compatibility.ttf +0 -0
  25. package/docs/static/bower_components/fontawesome/webfonts/fa-v4compatibility.woff2 +0 -0
  26. package/docs/static/bower_components/jquery/dist/jquery.js +944 -1121
  27. package/docs/static/bower_components/jquery/dist/jquery.min.js +2 -2
  28. package/docs/static/documentation.css +181 -159
  29. package/docs/static/example.css +0 -1
  30. package/docs/tree.jquery.js +3 -3
  31. package/lib/dataLoader.js +5 -31
  32. package/lib/dragAndDropHandler.js +40 -142
  33. package/lib/elementsRenderer.js +52 -72
  34. package/lib/keyHandler.js +8 -32
  35. package/lib/mouse.widget.js +24 -74
  36. package/lib/node.js +72 -134
  37. package/lib/nodeElement.js +24 -84
  38. package/lib/playwright/coverage.js +58 -97
  39. package/lib/playwright/playwright.test.js +148 -210
  40. package/lib/playwright/testUtils.js +116 -182
  41. package/lib/saveStateHandler.js +13 -62
  42. package/lib/scrollHandler.js +24 -77
  43. package/lib/selectNodeHandler.js +6 -25
  44. package/lib/simple.widget.js +20 -53
  45. package/lib/test/jqTree/accessibility.test.js +37 -0
  46. package/lib/test/jqTree/create.test.js +0 -4
  47. package/lib/test/jqTree/events.test.js +73 -84
  48. package/lib/test/jqTree/keyboard.test.js +0 -6
  49. package/lib/test/jqTree/loadOnDemand.test.js +84 -121
  50. package/lib/test/jqTree/methods.test.js +107 -150
  51. package/lib/test/jqTree/options.test.js +32 -54
  52. package/lib/test/node.test.js +134 -76
  53. package/lib/test/nodeUtil.test.js +0 -1
  54. package/lib/test/support/jqTreeMatchers.js +4 -9
  55. package/lib/test/support/setupTests.js +0 -4
  56. package/lib/test/support/testUtil.js +2 -11
  57. package/lib/test/support/treeStructure.js +0 -6
  58. package/lib/test/util.test.js +0 -1
  59. package/lib/tree.jquery.js +28 -239
  60. package/lib/util.js +0 -6
  61. package/lib/version.js +1 -1
  62. package/package.json +44 -47
  63. package/src/dragAndDropHandler.ts +24 -10
  64. package/src/elementsRenderer.ts +49 -42
  65. package/src/jqtreeOptions.ts +3 -3
  66. package/src/keyHandler.ts +3 -3
  67. package/src/mouse.widget.ts +12 -0
  68. package/src/node.ts +52 -16
  69. package/src/nodeElement.ts +27 -21
  70. package/src/saveStateHandler.ts +1 -1
  71. package/src/scrollHandler.ts +6 -2
  72. package/src/selectNodeHandler.ts +1 -1
  73. package/src/simple.widget.ts +2 -0
  74. package/src/test/.eslintrc +3 -1
  75. package/src/test/jqTree/accessibility.test.ts +25 -0
  76. package/src/test/jqTree/events.test.ts +79 -93
  77. package/src/test/jqTree/methods.test.ts +1 -1
  78. package/src/test/node.test.ts +152 -58
  79. package/src/test/nodeUtil.test.ts +1 -1
  80. package/src/tree.jquery.ts +7 -6
  81. package/src/version.ts +1 -1
  82. package/tree.jquery.debug.js +297 -904
  83. package/tree.jquery.debug.js.map +1 -1
  84. package/tree.jquery.js +3 -3
  85. package/tree.jquery.js.map +1 -1
  86. package/tsconfig.json +1 -0
  87. package/docs/static/bower_components/fontawesome/webfonts/fa-brands-400.eot +0 -0
  88. package/docs/static/bower_components/fontawesome/webfonts/fa-brands-400.svg +0 -3717
  89. package/docs/static/bower_components/fontawesome/webfonts/fa-brands-400.woff +0 -0
  90. package/docs/static/bower_components/fontawesome/webfonts/fa-regular-400.eot +0 -0
  91. package/docs/static/bower_components/fontawesome/webfonts/fa-regular-400.svg +0 -801
  92. package/docs/static/bower_components/fontawesome/webfonts/fa-regular-400.woff +0 -0
  93. package/docs/static/bower_components/fontawesome/webfonts/fa-solid-900.eot +0 -0
  94. package/docs/static/bower_components/fontawesome/webfonts/fa-solid-900.svg +0 -5028
  95. package/docs/static/bower_components/fontawesome/webfonts/fa-solid-900.woff +0 -0
  96. /package/docs/_entries/{96_getprevioussibling.md → 97_getprevioussibling.md} +0 -0
  97. /package/docs/_entries/{97_parent.md → 99_parent.md} +0 -0
@@ -1,5 +1,5 @@
1
1
  /*
2
- ! tailwindcss v3.1.2 | MIT License | https://tailwindcss.com
2
+ ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
3
3
  */
4
4
 
5
5
  /*
@@ -30,6 +30,8 @@
30
30
  2. Prevent adjustments of font size after orientation changes in iOS.
31
31
  3. Use a more readable tab size.
32
32
  4. Use the user's configured `sans` font-family by default.
33
+ 5. Use the user's configured `sans` font-feature-settings by default.
34
+ 6. Use the user's configured `sans` font-variation-settings by default.
33
35
  */
34
36
 
35
37
  html {
@@ -44,6 +46,10 @@ html {
44
46
  /* 3 */
45
47
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
46
48
  /* 4 */
49
+ font-feature-settings: normal;
50
+ /* 5 */
51
+ font-variation-settings: normal;
52
+ /* 6 */
47
53
  }
48
54
 
49
55
  /*
@@ -185,6 +191,10 @@ select,
185
191
  textarea {
186
192
  font-family: inherit;
187
193
  /* 1 */
194
+ font-feature-settings: inherit;
195
+ /* 1 */
196
+ font-variation-settings: inherit;
197
+ /* 1 */
188
198
  font-size: 100%;
189
199
  /* 1 */
190
200
  font-weight: inherit;
@@ -335,6 +345,14 @@ menu {
335
345
  padding: 0;
336
346
  }
337
347
 
348
+ /*
349
+ Reset default styling for dialogs.
350
+ */
351
+
352
+ dialog {
353
+ padding: 0;
354
+ }
355
+
338
356
  /*
339
357
  Prevent resizing textareas horizontally by default.
340
358
  */
@@ -355,13 +373,6 @@ input::-moz-placeholder, textarea::-moz-placeholder {
355
373
  /* 2 */
356
374
  }
357
375
 
358
- input:-ms-input-placeholder, textarea:-ms-input-placeholder {
359
- opacity: 1;
360
- /* 1 */
361
- color: #9ca3af;
362
- /* 2 */
363
- }
364
-
365
376
  input::placeholder,
366
377
  textarea::placeholder {
367
378
  opacity: 1;
@@ -417,54 +428,13 @@ video {
417
428
  height: auto;
418
429
  }
419
430
 
420
- *, ::before, ::after {
421
- --tw-border-spacing-x: 0;
422
- --tw-border-spacing-y: 0;
423
- --tw-translate-x: 0;
424
- --tw-translate-y: 0;
425
- --tw-rotate: 0;
426
- --tw-skew-x: 0;
427
- --tw-skew-y: 0;
428
- --tw-scale-x: 1;
429
- --tw-scale-y: 1;
430
- --tw-pan-x: ;
431
- --tw-pan-y: ;
432
- --tw-pinch-zoom: ;
433
- --tw-scroll-snap-strictness: proximity;
434
- --tw-ordinal: ;
435
- --tw-slashed-zero: ;
436
- --tw-numeric-figure: ;
437
- --tw-numeric-spacing: ;
438
- --tw-numeric-fraction: ;
439
- --tw-ring-inset: ;
440
- --tw-ring-offset-width: 0px;
441
- --tw-ring-offset-color: #fff;
442
- --tw-ring-color: rgb(59 130 246 / 0.5);
443
- --tw-ring-offset-shadow: 0 0 #0000;
444
- --tw-ring-shadow: 0 0 #0000;
445
- --tw-shadow: 0 0 #0000;
446
- --tw-shadow-colored: 0 0 #0000;
447
- --tw-blur: ;
448
- --tw-brightness: ;
449
- --tw-contrast: ;
450
- --tw-grayscale: ;
451
- --tw-hue-rotate: ;
452
- --tw-invert: ;
453
- --tw-saturate: ;
454
- --tw-sepia: ;
455
- --tw-drop-shadow: ;
456
- --tw-backdrop-blur: ;
457
- --tw-backdrop-brightness: ;
458
- --tw-backdrop-contrast: ;
459
- --tw-backdrop-grayscale: ;
460
- --tw-backdrop-hue-rotate: ;
461
- --tw-backdrop-invert: ;
462
- --tw-backdrop-opacity: ;
463
- --tw-backdrop-saturate: ;
464
- --tw-backdrop-sepia: ;
431
+ /* Make elements with the HTML hidden attribute stay hidden by default */
432
+
433
+ [hidden] {
434
+ display: none;
465
435
  }
466
436
 
467
- ::-webkit-backdrop {
437
+ *, ::before, ::after {
468
438
  --tw-border-spacing-x: 0;
469
439
  --tw-border-spacing-y: 0;
470
440
  --tw-translate-x: 0;
@@ -478,6 +448,9 @@ video {
478
448
  --tw-pan-y: ;
479
449
  --tw-pinch-zoom: ;
480
450
  --tw-scroll-snap-strictness: proximity;
451
+ --tw-gradient-from-position: ;
452
+ --tw-gradient-via-position: ;
453
+ --tw-gradient-to-position: ;
481
454
  --tw-ordinal: ;
482
455
  --tw-slashed-zero: ;
483
456
  --tw-numeric-figure: ;
@@ -525,6 +498,9 @@ video {
525
498
  --tw-pan-y: ;
526
499
  --tw-pinch-zoom: ;
527
500
  --tw-scroll-snap-strictness: proximity;
501
+ --tw-gradient-from-position: ;
502
+ --tw-gradient-via-position: ;
503
+ --tw-gradient-to-position: ;
528
504
  --tw-ordinal: ;
529
505
  --tw-slashed-zero: ;
530
506
  --tw-numeric-figure: ;
@@ -563,6 +539,11 @@ video {
563
539
  max-width: 65ch;
564
540
  }
565
541
 
542
+ .prose :where(p):not(:where([class~="not-prose"] *)) {
543
+ margin-top: 1.25em;
544
+ margin-bottom: 1.25em;
545
+ }
546
+
566
547
  .prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
567
548
  color: var(--tw-prose-lead);
568
549
  font-size: 1.25em;
@@ -582,8 +563,22 @@ video {
582
563
  font-weight: 600;
583
564
  }
584
565
 
566
+ .prose :where(a strong):not(:where([class~="not-prose"] *)) {
567
+ color: inherit;
568
+ }
569
+
570
+ .prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
571
+ color: inherit;
572
+ }
573
+
574
+ .prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
575
+ color: inherit;
576
+ }
577
+
585
578
  .prose :where(ol):not(:where([class~="not-prose"] *)) {
586
579
  list-style-type: decimal;
580
+ margin-top: 1.25em;
581
+ margin-bottom: 1.25em;
587
582
  padding-left: 1.625em;
588
583
  }
589
584
 
@@ -625,6 +620,8 @@ video {
625
620
 
626
621
  .prose :where(ul):not(:where([class~="not-prose"] *)) {
627
622
  list-style-type: disc;
623
+ margin-top: 1.25em;
624
+ margin-bottom: 1.25em;
628
625
  padding-left: 1.625em;
629
626
  }
630
627
 
@@ -675,6 +672,7 @@ video {
675
672
 
676
673
  .prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
677
674
  font-weight: 900;
675
+ color: inherit;
678
676
  }
679
677
 
680
678
  .prose :where(h2):not(:where([class~="not-prose"] *)) {
@@ -688,6 +686,7 @@ video {
688
686
 
689
687
  .prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
690
688
  font-weight: 800;
689
+ color: inherit;
691
690
  }
692
691
 
693
692
  .prose :where(h3):not(:where([class~="not-prose"] *)) {
@@ -701,6 +700,7 @@ video {
701
700
 
702
701
  .prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
703
702
  font-weight: 700;
703
+ color: inherit;
704
704
  }
705
705
 
706
706
  .prose :where(h4):not(:where([class~="not-prose"] *)) {
@@ -713,6 +713,12 @@ video {
713
713
 
714
714
  .prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
715
715
  font-weight: 700;
716
+ color: inherit;
717
+ }
718
+
719
+ .prose :where(img):not(:where([class~="not-prose"] *)) {
720
+ margin-top: 2em;
721
+ margin-bottom: 2em;
716
722
  }
717
723
 
718
724
  .prose :where(figure > *):not(:where([class~="not-prose"] *)) {
@@ -742,7 +748,33 @@ video {
742
748
  }
743
749
 
744
750
  .prose :where(a code):not(:where([class~="not-prose"] *)) {
745
- color: var(--tw-prose-links);
751
+ color: inherit;
752
+ }
753
+
754
+ .prose :where(h1 code):not(:where([class~="not-prose"] *)) {
755
+ color: inherit;
756
+ }
757
+
758
+ .prose :where(h2 code):not(:where([class~="not-prose"] *)) {
759
+ color: inherit;
760
+ font-size: 0.875em;
761
+ }
762
+
763
+ .prose :where(h3 code):not(:where([class~="not-prose"] *)) {
764
+ color: inherit;
765
+ font-size: 0.9em;
766
+ }
767
+
768
+ .prose :where(h4 code):not(:where([class~="not-prose"] *)) {
769
+ color: inherit;
770
+ }
771
+
772
+ .prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
773
+ color: inherit;
774
+ }
775
+
776
+ .prose :where(thead th code):not(:where([class~="not-prose"] *)) {
777
+ color: inherit;
746
778
  }
747
779
 
748
780
  .prose :where(pre):not(:where([class~="not-prose"] *)) {
@@ -816,10 +848,15 @@ video {
816
848
 
817
849
  .prose :where(tbody td):not(:where([class~="not-prose"] *)) {
818
850
  vertical-align: baseline;
819
- padding-top: 0.5714286em;
820
- padding-right: 0.5714286em;
821
- padding-bottom: 0.5714286em;
822
- padding-left: 0.5714286em;
851
+ }
852
+
853
+ .prose :where(tfoot):not(:where([class~="not-prose"] *)) {
854
+ border-top-width: 1px;
855
+ border-top-color: var(--tw-prose-th-borders);
856
+ }
857
+
858
+ .prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
859
+ vertical-align: top;
823
860
  }
824
861
 
825
862
  .prose {
@@ -859,16 +896,6 @@ video {
859
896
  line-height: 1.75;
860
897
  }
861
898
 
862
- .prose :where(p):not(:where([class~="not-prose"] *)) {
863
- margin-top: 1.25em;
864
- margin-bottom: 1.25em;
865
- }
866
-
867
- .prose :where(img):not(:where([class~="not-prose"] *)) {
868
- margin-top: 2em;
869
- margin-bottom: 2em;
870
- }
871
-
872
899
  .prose :where(video):not(:where([class~="not-prose"] *)) {
873
900
  margin-top: 2em;
874
901
  margin-bottom: 2em;
@@ -879,14 +906,6 @@ video {
879
906
  margin-bottom: 2em;
880
907
  }
881
908
 
882
- .prose :where(h2 code):not(:where([class~="not-prose"] *)) {
883
- font-size: 0.875em;
884
- }
885
-
886
- .prose :where(h3 code):not(:where([class~="not-prose"] *)) {
887
- font-size: 0.9em;
888
- }
889
-
890
909
  .prose :where(li):not(:where([class~="not-prose"] *)) {
891
910
  margin-top: 0.5em;
892
911
  margin-bottom: 0.5em;
@@ -900,24 +919,24 @@ video {
900
919
  padding-left: 0.375em;
901
920
  }
902
921
 
903
- .prose > :where(ul > li p):not(:where([class~="not-prose"] *)) {
922
+ .prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
904
923
  margin-top: 0.75em;
905
924
  margin-bottom: 0.75em;
906
925
  }
907
926
 
908
- .prose > :where(ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
927
+ .prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
909
928
  margin-top: 1.25em;
910
929
  }
911
930
 
912
- .prose > :where(ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
931
+ .prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
913
932
  margin-bottom: 1.25em;
914
933
  }
915
934
 
916
- .prose > :where(ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
935
+ .prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
917
936
  margin-top: 1.25em;
918
937
  }
919
938
 
920
- .prose > :where(ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
939
+ .prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
921
940
  margin-bottom: 1.25em;
922
941
  }
923
942
 
@@ -950,19 +969,26 @@ video {
950
969
  padding-right: 0;
951
970
  }
952
971
 
953
- .prose :where(tbody td:first-child):not(:where([class~="not-prose"] *)) {
972
+ .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
973
+ padding-top: 0.5714286em;
974
+ padding-right: 0.5714286em;
975
+ padding-bottom: 0.5714286em;
976
+ padding-left: 0.5714286em;
977
+ }
978
+
979
+ .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
954
980
  padding-left: 0;
955
981
  }
956
982
 
957
- .prose :where(tbody td:last-child):not(:where([class~="not-prose"] *)) {
983
+ .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
958
984
  padding-right: 0;
959
985
  }
960
986
 
961
- .prose > :where(:first-child):not(:where([class~="not-prose"] *)) {
987
+ .prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
962
988
  margin-top: 0;
963
989
  }
964
990
 
965
- .prose > :where(:last-child):not(:where([class~="not-prose"] *)) {
991
+ .prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
966
992
  margin-bottom: 0;
967
993
  }
968
994
 
@@ -971,10 +997,7 @@ video {
971
997
  }
972
998
 
973
999
  .inset-0 {
974
- top: 0px;
975
- right: 0px;
976
- bottom: 0px;
977
- left: 0px;
1000
+ inset: 0px;
978
1001
  }
979
1002
 
980
1003
  .left-\[max\(0px\2c calc\(50\%-45rem\)\)\] {
@@ -990,40 +1013,40 @@ video {
990
1013
  margin-right: auto;
991
1014
  }
992
1015
 
993
- .mt-8 {
994
- margin-top: 2rem;
1016
+ .mb-16 {
1017
+ margin-bottom: 4rem;
995
1018
  }
996
1019
 
997
1020
  .mb-3 {
998
1021
  margin-bottom: 0.75rem;
999
1022
  }
1000
1023
 
1001
- .mt-5 {
1002
- margin-top: 1.25rem;
1024
+ .mb-4 {
1025
+ margin-bottom: 1rem;
1003
1026
  }
1004
1027
 
1005
1028
  .mb-8 {
1006
1029
  margin-bottom: 2rem;
1007
1030
  }
1008
1031
 
1009
- .mb-4 {
1010
- margin-bottom: 1rem;
1032
+ .ml-2 {
1033
+ margin-left: 0.5rem;
1011
1034
  }
1012
1035
 
1013
- .mb-16 {
1014
- margin-bottom: 4rem;
1036
+ .mr-4 {
1037
+ margin-right: 1rem;
1015
1038
  }
1016
1039
 
1017
1040
  .mt-4 {
1018
1041
  margin-top: 1rem;
1019
1042
  }
1020
1043
 
1021
- .mr-4 {
1022
- margin-right: 1rem;
1044
+ .mt-5 {
1045
+ margin-top: 1.25rem;
1023
1046
  }
1024
1047
 
1025
- .ml-2 {
1026
- margin-left: 0.5rem;
1048
+ .mt-8 {
1049
+ margin-top: 2rem;
1027
1050
  }
1028
1051
 
1029
1052
  .block {
@@ -1072,6 +1095,11 @@ video {
1072
1095
  border-left-width: 1px;
1073
1096
  }
1074
1097
 
1098
+ .border-gray-300 {
1099
+ --tw-border-opacity: 1;
1100
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
1101
+ }
1102
+
1075
1103
  .border-slate-100 {
1076
1104
  --tw-border-opacity: 1;
1077
1105
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
@@ -1081,11 +1109,6 @@ video {
1081
1109
  border-color: transparent;
1082
1110
  }
1083
1111
 
1084
- .border-gray-300 {
1085
- --tw-border-opacity: 1;
1086
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1087
- }
1088
-
1089
1112
  .bg-gray-50 {
1090
1113
  --tw-bg-opacity: 1;
1091
1114
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
@@ -1101,31 +1124,21 @@ video {
1101
1124
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1102
1125
  }
1103
1126
 
1104
- .px-8 {
1105
- padding-left: 2rem;
1106
- padding-right: 2rem;
1107
- }
1108
-
1109
1127
  .px-10 {
1110
1128
  padding-left: 2.5rem;
1111
1129
  padding-right: 2.5rem;
1112
1130
  }
1113
1131
 
1114
- .py-4 {
1115
- padding-top: 1rem;
1116
- padding-bottom: 1rem;
1117
- }
1118
-
1119
- .py-8 {
1120
- padding-top: 2rem;
1121
- padding-bottom: 2rem;
1122
- }
1123
-
1124
1132
  .px-4 {
1125
1133
  padding-left: 1rem;
1126
1134
  padding-right: 1rem;
1127
1135
  }
1128
1136
 
1137
+ .px-8 {
1138
+ padding-left: 2rem;
1139
+ padding-right: 2rem;
1140
+ }
1141
+
1129
1142
  .py-1 {
1130
1143
  padding-top: 0.25rem;
1131
1144
  padding-bottom: 0.25rem;
@@ -1136,12 +1149,14 @@ video {
1136
1149
  padding-bottom: 0.5rem;
1137
1150
  }
1138
1151
 
1139
- .pl-4 {
1140
- padding-left: 1rem;
1152
+ .py-4 {
1153
+ padding-top: 1rem;
1154
+ padding-bottom: 1rem;
1141
1155
  }
1142
1156
 
1143
- .pt-16 {
1144
- padding-top: 4rem;
1157
+ .py-8 {
1158
+ padding-top: 2rem;
1159
+ padding-bottom: 2rem;
1145
1160
  }
1146
1161
 
1147
1162
  .pb-24 {
@@ -1152,58 +1167,71 @@ video {
1152
1167
  padding-bottom: 1.5rem;
1153
1168
  }
1154
1169
 
1170
+ .pl-4 {
1171
+ padding-left: 1rem;
1172
+ }
1173
+
1174
+ .pt-16 {
1175
+ padding-top: 4rem;
1176
+ }
1177
+
1155
1178
  .text-center {
1156
1179
  text-align: center;
1157
1180
  }
1158
1181
 
1182
+ .text-4xl {
1183
+ font-size: 2.25rem;
1184
+ line-height: 2.5rem;
1185
+ }
1186
+
1159
1187
  .text-6xl {
1160
1188
  font-size: 3.75rem;
1161
1189
  line-height: 1;
1162
1190
  }
1163
1191
 
1164
- .text-xl {
1165
- font-size: 1.25rem;
1166
- line-height: 1.75rem;
1167
- }
1168
-
1169
1192
  .text-lg {
1170
1193
  font-size: 1.125rem;
1171
1194
  line-height: 1.75rem;
1172
1195
  }
1173
1196
 
1174
- .text-4xl {
1175
- font-size: 2.25rem;
1176
- line-height: 2.5rem;
1177
- }
1178
-
1179
1197
  .text-sm {
1180
1198
  font-size: 0.875rem;
1181
1199
  line-height: 1.25rem;
1182
1200
  }
1183
1201
 
1184
- .font-semibold {
1185
- font-weight: 600;
1186
- }
1187
-
1188
- .font-extrabold {
1189
- font-weight: 800;
1202
+ .text-xl {
1203
+ font-size: 1.25rem;
1204
+ line-height: 1.75rem;
1190
1205
  }
1191
1206
 
1192
1207
  .font-bold {
1193
1208
  font-weight: 700;
1194
1209
  }
1195
1210
 
1211
+ .font-extrabold {
1212
+ font-weight: 800;
1213
+ }
1214
+
1196
1215
  .font-medium {
1197
1216
  font-weight: 500;
1198
1217
  }
1199
1218
 
1219
+ .font-semibold {
1220
+ font-weight: 600;
1221
+ }
1222
+
1200
1223
  .tracking-tight {
1201
1224
  letter-spacing: -0.025em;
1202
1225
  }
1203
1226
 
1204
- .text-slate-700 {
1227
+ .text-gray-500 {
1205
1228
  --tw-text-opacity: 1;
1206
- color: rgb(51 65 85 / var(--tw-text-opacity));
1229
+ color: rgb(107 114 128 / var(--tw-text-opacity));
1230
+ }
1231
+
1232
+ .text-gray-700 {
1233
+ --tw-text-opacity: 1;
1234
+ color: rgb(55 65 81 / var(--tw-text-opacity));
1207
1235
  }
1208
1236
 
1209
1237
  .text-gray-900 {
@@ -1216,14 +1244,9 @@ video {
1216
1244
  color: rgb(79 70 229 / var(--tw-text-opacity));
1217
1245
  }
1218
1246
 
1219
- .text-gray-500 {
1220
- --tw-text-opacity: 1;
1221
- color: rgb(107 114 128 / var(--tw-text-opacity));
1222
- }
1223
-
1224
- .text-white {
1247
+ .text-slate-700 {
1225
1248
  --tw-text-opacity: 1;
1226
- color: rgb(255 255 255 / var(--tw-text-opacity));
1249
+ color: rgb(51 65 85 / var(--tw-text-opacity));
1227
1250
  }
1228
1251
 
1229
1252
  .text-slate-900 {
@@ -1231,14 +1254,13 @@ video {
1231
1254
  color: rgb(15 23 42 / var(--tw-text-opacity));
1232
1255
  }
1233
1256
 
1234
- .text-gray-700 {
1257
+ .text-white {
1235
1258
  --tw-text-opacity: 1;
1236
- color: rgb(55 65 81 / var(--tw-text-opacity));
1259
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1237
1260
  }
1238
1261
 
1239
1262
  .underline {
1240
- -webkit-text-decoration-line: underline;
1241
- text-decoration-line: underline;
1263
+ text-decoration-line: underline;
1242
1264
  }
1243
1265
 
1244
1266
  .shadow {
@@ -1262,14 +1284,14 @@ video {
1262
1284
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
1263
1285
  }
1264
1286
 
1265
- .hover\:bg-indigo-700:hover {
1287
+ .hover\:bg-gray-50:hover {
1266
1288
  --tw-bg-opacity: 1;
1267
- background-color: rgb(67 56 202 / var(--tw-bg-opacity));
1289
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1268
1290
  }
1269
1291
 
1270
- .hover\:bg-gray-50:hover {
1292
+ .hover\:bg-indigo-700:hover {
1271
1293
  --tw-bg-opacity: 1;
1272
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1294
+ background-color: rgb(67 56 202 / var(--tw-bg-opacity));
1273
1295
  }
1274
1296
 
1275
1297
  .hover\:text-slate-900:hover {
@@ -20,7 +20,6 @@
20
20
  #scroll-container {
21
21
  height: 200px;
22
22
  overflow-y: scroll;
23
- -ms-user-select: none;
24
23
  -webkit-user-select: none;
25
24
  -moz-user-select: none;
26
25
  user-select: none;