@learnpack/learnpack 5.0.71 → 5.0.72

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.
@@ -57,7 +57,6 @@
57
57
  --color-red-300: oklch(80.8% 0.114 19.571);
58
58
  --color-red-500: oklch(63.7% 0.237 25.331);
59
59
  --color-red-700: oklch(50.5% 0.213 27.518);
60
- --color-yellow-50: oklch(98.7% 0.026 102.212);
61
60
  --color-sky-500: oklch(68.5% 0.169 237.323);
62
61
  --color-sky-600: oklch(58.8% 0.158 241.966);
63
62
  --color-blue-50: oklch(97% 0.014 254.604);
@@ -78,6 +77,7 @@
78
77
  --color-gray-700: oklch(37.3% 0.034 259.733);
79
78
  --color-gray-800: oklch(27.8% 0.033 256.848);
80
79
  --color-gray-900: oklch(21% 0.034 264.665);
80
+ --color-black: #000;
81
81
  --color-white: #fff;
82
82
  --spacing: 0.25rem;
83
83
  --container-sm: 24rem;
@@ -371,6 +371,9 @@
371
371
  .relative {
372
372
  position: relative;
373
373
  }
374
+ .inset-0 {
375
+ inset: calc(var(--spacing) * 0);
376
+ }
374
377
  .-top-1 {
375
378
  top: calc(var(--spacing) * -1);
376
379
  }
@@ -419,6 +422,9 @@
419
422
  .z-50 {
420
423
  z-index: 50;
421
424
  }
425
+ .z-1000 {
426
+ z-index: 1000;
427
+ }
422
428
  .container {
423
429
  width: 100%;
424
430
  }
@@ -453,9 +459,6 @@
453
459
  .mx-2 {
454
460
  margin-inline: calc(var(--spacing) * 2);
455
461
  }
456
- .mx-auto {
457
- margin-inline: auto;
458
- }
459
462
  .mt-1 {
460
463
  margin-top: calc(var(--spacing) * 1);
461
464
  }
@@ -468,9 +471,6 @@
468
471
  .mt-6 {
469
472
  margin-top: calc(var(--spacing) * 6);
470
473
  }
471
- .mt-10 {
472
- margin-top: calc(var(--spacing) * 10);
473
- }
474
474
  .mr-1 {
475
475
  margin-right: calc(var(--spacing) * 1);
476
476
  }
@@ -519,8 +519,8 @@
519
519
  .h-40 {
520
520
  height: calc(var(--spacing) * 40);
521
521
  }
522
- .h-50 {
523
- height: calc(var(--spacing) * 50);
522
+ .h-60 {
523
+ height: calc(var(--spacing) * 60);
524
524
  }
525
525
  .h-\[85\%\] {
526
526
  height: 85%;
@@ -537,6 +537,9 @@
537
537
  .max-h-\[300px\] {
538
538
  max-height: 300px;
539
539
  }
540
+ .min-h-\[70vh\] {
541
+ min-height: 70vh;
542
+ }
540
543
  .min-h-screen {
541
544
  min-height: 100vh;
542
545
  }
@@ -718,6 +721,18 @@
718
721
  .border-transparent {
719
722
  border-color: #0000;
720
723
  }
724
+ .bg-black\/50 {
725
+ background-color: #00000080;
726
+ }
727
+ @supports (color: color-mix(in lab, red, red)) {
728
+ .bg-black\/50 {
729
+ background-color: color-mix(
730
+ in oklab,
731
+ var(--color-black) 50%,
732
+ transparent
733
+ );
734
+ }
735
+ }
721
736
  .bg-blue-50 {
722
737
  background-color: var(--color-blue-50);
723
738
  }
@@ -745,9 +760,6 @@
745
760
  .bg-white {
746
761
  background-color: var(--color-white);
747
762
  }
748
- .bg-yellow-50 {
749
- background-color: var(--color-yellow-50);
750
- }
751
763
  .bg-gradient-to-t {
752
764
  --tw-gradient-position: to top in oklab;
753
765
  background-image: linear-gradient(var(--tw-gradient-stops));
@@ -906,6 +918,17 @@
906
918
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
907
919
  var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
908
920
  }
921
+ .transition {
922
+ transition-property: color, background-color, border-color, outline-color,
923
+ text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
924
+ --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate,
925
+ filter, -webkit-backdrop-filter, backdrop-filter;
926
+ transition-timing-function: var(
927
+ --tw-ease,
928
+ var(--default-transition-timing-function)
929
+ );
930
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
931
+ }
909
932
  .transition-all {
910
933
  transition-property: all;
911
934
  transition-timing-function: var(
@@ -1082,6 +1105,19 @@ h1 {
1082
1105
  .blue-on-hover:hover svg path {
1083
1106
  fill: var(--learnpack-blue);
1084
1107
  }
1108
+ .border-learnpack-blue {
1109
+ border-color: var(--learnpack-blue);
1110
+ }
1111
+ .red-ball {
1112
+ background-color: #eb5757;
1113
+ border: 2px solid #fff;
1114
+ border-radius: 50%;
1115
+ width: 16px;
1116
+ height: 16px;
1117
+ position: absolute;
1118
+ top: -10px;
1119
+ left: 10px;
1120
+ }
1085
1121
  @property --tw-translate-x {
1086
1122
  syntax: "*";
1087
1123
  inherits: false;