tinacms 1.3.0 → 1.3.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.
package/dist/style.css CHANGED
@@ -341,82 +341,82 @@
341
341
  .tina-tailwind .left-0 {
342
342
  left: 0px;
343
343
  }
344
- .tina-tailwind .top-0 {
345
- top: 0px;
346
- }
347
- .tina-tailwind .top-8 {
348
- top: 32px;
344
+ .tina-tailwind .left-2 {
345
+ left: 8px;
349
346
  }
350
347
  .tina-tailwind .right-0 {
351
348
  right: 0px;
352
349
  }
350
+ .tina-tailwind .top-0 {
351
+ top: 0px;
352
+ }
353
+ .tina-tailwind .top-1\/2 {
354
+ top: 50%;
355
+ }
353
356
  .tina-tailwind .top-10 {
354
357
  top: 40px;
355
358
  }
356
359
  .tina-tailwind .top-4 {
357
360
  top: 16px;
358
361
  }
359
- .tina-tailwind .top-1\/2 {
360
- top: 50%;
361
- }
362
- .tina-tailwind .left-2 {
363
- left: 8px;
362
+ .tina-tailwind .top-8 {
363
+ top: 32px;
364
364
  }
365
- .tina-tailwind .z-overlay {
366
- z-index: 10600;
365
+ .tina-tailwind .z-50 {
366
+ z-index: 50;
367
367
  }
368
368
  .tina-tailwind .z-menu {
369
369
  z-index: 9800;
370
370
  }
371
- .tina-tailwind .z-50 {
372
- z-index: 50;
371
+ .tina-tailwind .z-overlay {
372
+ z-index: 10600;
373
373
  }
374
374
  .tina-tailwind .mx-auto {
375
375
  margin-left: auto;
376
376
  margin-right: auto;
377
377
  }
378
- .tina-tailwind .mb-6 {
379
- margin-bottom: 24px;
380
- }
381
- .tina-tailwind .mr-1 {
382
- margin-right: 4px;
383
- }
384
- .tina-tailwind .mb-8 {
385
- margin-bottom: 32px;
386
- }
387
378
  .tina-tailwind .-ml-px {
388
379
  margin-left: -1px;
389
380
  }
390
- .tina-tailwind .mr-2 {
391
- margin-right: 8px;
381
+ .tina-tailwind .-mt-0 {
382
+ margin-top: -0px;
392
383
  }
393
- .tina-tailwind .ml-1 {
394
- margin-left: 4px;
384
+ .tina-tailwind .-mt-0\.5 {
385
+ margin-top: -2px;
386
+ }
387
+ .tina-tailwind .mb-1 {
388
+ margin-bottom: 4px;
395
389
  }
396
390
  .tina-tailwind .mb-2 {
397
391
  margin-bottom: 8px;
398
392
  }
399
- .tina-tailwind .mb-1 {
400
- margin-bottom: 4px;
393
+ .tina-tailwind .mb-4 {
394
+ margin-bottom: 16px;
401
395
  }
402
- .tina-tailwind .-mt-0\.5 {
403
- margin-top: -2px;
396
+ .tina-tailwind .mb-6 {
397
+ margin-bottom: 24px;
404
398
  }
405
- .tina-tailwind .-mt-0 {
406
- margin-top: -0px;
399
+ .tina-tailwind .mb-8 {
400
+ margin-bottom: 32px;
407
401
  }
408
- .tina-tailwind .mt-2 {
409
- margin-top: 8px;
402
+ .tina-tailwind .ml-1 {
403
+ margin-left: 4px;
410
404
  }
411
405
  .tina-tailwind .ml-1\.5 {
412
406
  margin-left: 6px;
413
407
  }
414
- .tina-tailwind .mb-4 {
415
- margin-bottom: 16px;
408
+ .tina-tailwind .mr-1 {
409
+ margin-right: 4px;
416
410
  }
417
411
  .tina-tailwind .mr-1\.5 {
418
412
  margin-right: 6px;
419
413
  }
414
+ .tina-tailwind .mr-2 {
415
+ margin-right: 8px;
416
+ }
417
+ .tina-tailwind .mt-2 {
418
+ margin-top: 8px;
419
+ }
420
420
  .tina-tailwind .block {
421
421
  display: block;
422
422
  }
@@ -435,14 +435,14 @@
435
435
  .tina-tailwind .grid {
436
436
  display: grid;
437
437
  }
438
- .tina-tailwind .h-screen {
439
- height: 100vh;
438
+ .tina-tailwind .h-10 {
439
+ height: 40px;
440
440
  }
441
- .tina-tailwind .h-auto {
442
- height: auto;
441
+ .tina-tailwind .h-12 {
442
+ height: 48px;
443
443
  }
444
- .tina-tailwind .h-full {
445
- height: 100%;
444
+ .tina-tailwind .h-5 {
445
+ height: 20px;
446
446
  }
447
447
  .tina-tailwind .h-6 {
448
448
  height: 24px;
@@ -450,17 +450,17 @@
450
450
  .tina-tailwind .h-7 {
451
451
  height: 28px;
452
452
  }
453
- .tina-tailwind .h-5 {
454
- height: 20px;
453
+ .tina-tailwind .h-auto {
454
+ height: auto;
455
455
  }
456
- .tina-tailwind .h-10 {
457
- height: 40px;
456
+ .tina-tailwind .h-full {
457
+ height: 100%;
458
458
  }
459
- .tina-tailwind .h-12 {
460
- height: 48px;
459
+ .tina-tailwind .h-screen {
460
+ height: 100vh;
461
461
  }
462
- .tina-tailwind .w-full {
463
- width: 100%;
462
+ .tina-tailwind .w-0 {
463
+ width: 0px;
464
464
  }
465
465
  .tina-tailwind .w-10 {
466
466
  width: 40px;
@@ -468,32 +468,29 @@
468
468
  .tina-tailwind .w-12 {
469
469
  width: 48px;
470
470
  }
471
- .tina-tailwind .w-7 {
472
- width: 28px;
473
- }
474
- .tina-tailwind .w-auto {
475
- width: auto;
476
- }
477
471
  .tina-tailwind .w-5 {
478
472
  width: 20px;
479
473
  }
480
474
  .tina-tailwind .w-56 {
481
475
  width: 224px;
482
476
  }
477
+ .tina-tailwind .w-6 {
478
+ width: 24px;
479
+ }
480
+ .tina-tailwind .w-7 {
481
+ width: 28px;
482
+ }
483
483
  .tina-tailwind .w-\[15\%\] {
484
484
  width: 15%;
485
485
  }
486
- .tina-tailwind .w-0 {
487
- width: 0px;
488
- }
489
- .tina-tailwind .w-6 {
490
- width: 24px;
486
+ .tina-tailwind .w-auto {
487
+ width: auto;
491
488
  }
492
- .tina-tailwind .max-w-lg {
493
- max-width: 32rem;
489
+ .tina-tailwind .w-full {
490
+ width: 100%;
494
491
  }
495
- .tina-tailwind .max-w-screen-xl {
496
- max-width: 1280px;
492
+ .tina-tailwind .max-w-0 {
493
+ max-width: 0rem;
497
494
  }
498
495
  .tina-tailwind .max-w-form {
499
496
  max-width: 900px;
@@ -501,8 +498,11 @@
501
498
  .tina-tailwind .max-w-full {
502
499
  max-width: 100%;
503
500
  }
504
- .tina-tailwind .max-w-0 {
505
- max-width: 0rem;
501
+ .tina-tailwind .max-w-lg {
502
+ max-width: 32rem;
503
+ }
504
+ .tina-tailwind .max-w-screen-xl {
505
+ max-width: 1280px;
506
506
  }
507
507
  .tina-tailwind .flex-1 {
508
508
  flex: 1 1 0%;
@@ -523,6 +523,10 @@
523
523
  --tw-translate-x: -100%;
524
524
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
525
525
  }
526
+ .tina-tailwind .-translate-y-1\/2 {
527
+ --tw-translate-y: -50%;
528
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
529
+ }
526
530
  .tina-tailwind .translate-x-0 {
527
531
  --tw-translate-x: 0px;
528
532
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -531,8 +535,9 @@
531
535
  --tw-translate-x: 100%;
532
536
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
533
537
  }
534
- .tina-tailwind .-translate-y-1\/2 {
535
- --tw-translate-y: -50%;
538
+ .tina-tailwind .scale-100 {
539
+ --tw-scale-x: 1;
540
+ --tw-scale-y: 1;
536
541
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
537
542
  }
538
543
  .tina-tailwind .scale-95 {
@@ -540,11 +545,6 @@
540
545
  --tw-scale-y: .95;
541
546
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
542
547
  }
543
- .tina-tailwind .scale-100 {
544
- --tw-scale-x: 1;
545
- --tw-scale-y: 1;
546
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
547
- }
548
548
  .tina-tailwind .transform {
549
549
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
550
550
  }
@@ -581,14 +581,11 @@
581
581
  .tina-tailwind .justify-between {
582
582
  justify-content: space-between;
583
583
  }
584
- .tina-tailwind .gap-0\.5 {
585
- gap: 2px;
586
- }
587
584
  .tina-tailwind .gap-0 {
588
585
  gap: 0px;
589
586
  }
590
- .tina-tailwind .gap-4 {
591
- gap: 16px;
587
+ .tina-tailwind .gap-0\.5 {
588
+ gap: 2px;
592
589
  }
593
590
  .tina-tailwind .gap-2 {
594
591
  gap: 8px;
@@ -596,6 +593,9 @@
596
593
  .tina-tailwind .gap-3 {
597
594
  gap: 12px;
598
595
  }
596
+ .tina-tailwind .gap-4 {
597
+ gap: 16px;
598
+ }
599
599
  .tina-tailwind .divide-y > :not([hidden]) ~ :not([hidden]) {
600
600
  --tw-divide-y-reverse: 0;
601
601
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -628,18 +628,18 @@
628
628
  .tina-tailwind .whitespace-nowrap {
629
629
  white-space: nowrap;
630
630
  }
631
- .tina-tailwind .rounded-lg {
632
- border-radius: 8px;
633
- }
634
631
  .tina-tailwind .rounded {
635
632
  border-radius: 4px;
636
633
  }
637
- .tina-tailwind .rounded-md {
638
- border-radius: 6px;
639
- }
640
634
  .tina-tailwind .rounded-full {
641
635
  border-radius: 9999px;
642
636
  }
637
+ .tina-tailwind .rounded-lg {
638
+ border-radius: 8px;
639
+ }
640
+ .tina-tailwind .rounded-md {
641
+ border-radius: 6px;
642
+ }
643
643
  .tina-tailwind .rounded-r-md {
644
644
  border-top-right-radius: 6px;
645
645
  border-bottom-right-radius: 6px;
@@ -650,6 +650,10 @@
650
650
  .tina-tailwind .border-b {
651
651
  border-bottom-width: 1px;
652
652
  }
653
+ .tina-tailwind .border-gray-100 {
654
+ --tw-border-opacity: 1;
655
+ border-color: rgb(237 236 243 / var(--tw-border-opacity));
656
+ }
653
657
  .tina-tailwind .border-gray-150 {
654
658
  --tw-border-opacity: 1;
655
659
  border-color: rgb(230 227 239 / var(--tw-border-opacity));
@@ -658,13 +662,9 @@
658
662
  --tw-border-opacity: 1;
659
663
  border-color: rgb(225 221 236 / var(--tw-border-opacity));
660
664
  }
661
- .tina-tailwind .border-gray-100 {
662
- --tw-border-opacity: 1;
663
- border-color: rgb(237 236 243 / var(--tw-border-opacity));
664
- }
665
- .tina-tailwind .bg-white {
665
+ .tina-tailwind .bg-blue-500 {
666
666
  --tw-bg-opacity: 1;
667
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
667
+ background-color: rgb(0 132 255 / var(--tw-bg-opacity));
668
668
  }
669
669
  .tina-tailwind .bg-gray-100 {
670
670
  --tw-bg-opacity: 1;
@@ -674,9 +674,9 @@
674
674
  --tw-bg-opacity: 1;
675
675
  background-color: rgb(246 246 249 / var(--tw-bg-opacity));
676
676
  }
677
- .tina-tailwind .bg-blue-500 {
677
+ .tina-tailwind .bg-white {
678
678
  --tw-bg-opacity: 1;
679
- background-color: rgb(0 132 255 / var(--tw-bg-opacity));
679
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
680
680
  }
681
681
  .tina-tailwind .bg-gradient-to-b {
682
682
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
@@ -703,41 +703,45 @@
703
703
  --tw-gradient-to: rgb(37 35 54 / 0);
704
704
  --tw-gradient-stops: var(--tw-gradient-from), #252336, var(--tw-gradient-to);
705
705
  }
706
- .tina-tailwind .to-gray-900 {
707
- --tw-gradient-to: #252336;
706
+ .tina-tailwind .to-black {
707
+ --tw-gradient-to: #000;
708
708
  }
709
709
  .tina-tailwind .to-gray-50 {
710
710
  --tw-gradient-to: #F6F6F9;
711
711
  }
712
- .tina-tailwind .to-black {
713
- --tw-gradient-to: #000;
712
+ .tina-tailwind .to-gray-900 {
713
+ --tw-gradient-to: #252336;
714
714
  }
715
715
  .tina-tailwind .fill-current {
716
716
  fill: currentColor;
717
717
  }
718
+ .tina-tailwind .px-12 {
719
+ padding-left: 48px;
720
+ padding-right: 48px;
721
+ }
722
+ .tina-tailwind .px-20 {
723
+ padding-left: 80px;
724
+ padding-right: 80px;
725
+ }
726
+ .tina-tailwind .px-3 {
727
+ padding-left: 12px;
728
+ padding-right: 12px;
729
+ }
718
730
  .tina-tailwind .px-4 {
719
731
  padding-left: 16px;
720
732
  padding-right: 16px;
721
733
  }
722
- .tina-tailwind .py-6 {
723
- padding-top: 24px;
724
- padding-bottom: 24px;
725
- }
726
734
  .tina-tailwind .px-5 {
727
735
  padding-left: 20px;
728
736
  padding-right: 20px;
729
737
  }
730
- .tina-tailwind .py-4 {
731
- padding-top: 16px;
732
- padding-bottom: 16px;
733
- }
734
- .tina-tailwind .px-12 {
735
- padding-left: 48px;
736
- padding-right: 48px;
738
+ .tina-tailwind .px-6 {
739
+ padding-left: 24px;
740
+ padding-right: 24px;
737
741
  }
738
- .tina-tailwind .py-8 {
739
- padding-top: 32px;
740
- padding-bottom: 32px;
742
+ .tina-tailwind .py-1 {
743
+ padding-top: 4px;
744
+ padding-bottom: 4px;
741
745
  }
742
746
  .tina-tailwind .py-10 {
743
747
  padding-top: 40px;
@@ -747,41 +751,28 @@
747
751
  padding-top: 8px;
748
752
  padding-bottom: 8px;
749
753
  }
750
- .tina-tailwind .px-20 {
751
- padding-left: 80px;
752
- padding-right: 80px;
753
- }
754
- .tina-tailwind .px-6 {
755
- padding-left: 24px;
756
- padding-right: 24px;
757
- }
758
- .tina-tailwind .py-1 {
759
- padding-top: 4px;
760
- padding-bottom: 4px;
761
- }
762
- .tina-tailwind .px-3 {
763
- padding-left: 12px;
764
- padding-right: 12px;
765
- }
766
754
  .tina-tailwind .py-3 {
767
755
  padding-top: 12px;
768
756
  padding-bottom: 12px;
769
757
  }
758
+ .tina-tailwind .py-4 {
759
+ padding-top: 16px;
760
+ padding-bottom: 16px;
761
+ }
770
762
  .tina-tailwind .py-5 {
771
763
  padding-top: 20px;
772
764
  padding-bottom: 20px;
773
765
  }
774
- .tina-tailwind .pt-4 {
775
- padding-top: 16px;
776
- }
777
- .tina-tailwind .pt-12 {
778
- padding-top: 48px;
766
+ .tina-tailwind .py-6 {
767
+ padding-top: 24px;
768
+ padding-bottom: 24px;
779
769
  }
780
- .tina-tailwind .pr-3 {
781
- padding-right: 12px;
770
+ .tina-tailwind .py-8 {
771
+ padding-top: 32px;
772
+ padding-bottom: 32px;
782
773
  }
783
- .tina-tailwind .pl-8 {
784
- padding-left: 32px;
774
+ .tina-tailwind .pl-18 {
775
+ padding-left: 72px;
785
776
  }
786
777
  .tina-tailwind .pl-3 {
787
778
  padding-left: 12px;
@@ -789,8 +780,17 @@
789
780
  .tina-tailwind .pl-5 {
790
781
  padding-left: 20px;
791
782
  }
792
- .tina-tailwind .pl-18 {
793
- padding-left: 72px;
783
+ .tina-tailwind .pl-8 {
784
+ padding-left: 32px;
785
+ }
786
+ .tina-tailwind .pr-3 {
787
+ padding-right: 12px;
788
+ }
789
+ .tina-tailwind .pt-12 {
790
+ padding-top: 48px;
791
+ }
792
+ .tina-tailwind .pt-4 {
793
+ padding-top: 16px;
794
794
  }
795
795
  .tina-tailwind .text-left {
796
796
  text-align: left;
@@ -805,25 +805,25 @@
805
805
  font-size: 24px;
806
806
  line-height: 1.33;
807
807
  }
808
- .tina-tailwind .text-base {
809
- font-size: 16px;
810
- line-height: 1.5;
811
- }
812
808
  .tina-tailwind .text-4xl {
813
809
  font-size: 36px;
814
810
  line-height: 1.1;
815
811
  }
816
- .tina-tailwind .text-xl {
817
- font-size: 20px;
818
- line-height: 1.4;
812
+ .tina-tailwind .text-base {
813
+ font-size: 16px;
814
+ line-height: 1.5;
815
+ }
816
+ .tina-tailwind .text-md {
817
+ font-size: 16px;
818
+ line-height: 1.5;
819
819
  }
820
820
  .tina-tailwind .text-sm {
821
821
  font-size: 14px;
822
822
  line-height: 1.43;
823
823
  }
824
- .tina-tailwind .text-md {
825
- font-size: 16px;
826
- line-height: 1.5;
824
+ .tina-tailwind .text-xl {
825
+ font-size: 20px;
826
+ line-height: 1.4;
827
827
  }
828
828
  .tina-tailwind .text-xs {
829
829
  font-size: 13px;
@@ -841,41 +841,28 @@
841
841
  .tina-tailwind .italic {
842
842
  font-style: italic;
843
843
  }
844
+ .tina-tailwind .leading-5 {
845
+ line-height: 20px;
846
+ }
844
847
  .tina-tailwind .leading-normal {
845
848
  line-height: 1.5;
846
849
  }
847
850
  .tina-tailwind .leading-tight {
848
851
  line-height: 1.25;
849
852
  }
850
- .tina-tailwind .leading-5 {
851
- line-height: 20px;
852
- }
853
853
  .tina-tailwind .tracking-wide {
854
854
  letter-spacing: 0.025em;
855
855
  }
856
- .tina-tailwind .text-gray-600 {
857
- --tw-text-opacity: 1;
858
- color: rgb(86 81 101 / var(--tw-text-opacity));
859
- }
860
- .tina-tailwind .text-gray-700 {
861
- --tw-text-opacity: 1;
862
- color: rgb(67 62 82 / var(--tw-text-opacity));
863
- }
864
- .tina-tailwind .text-red-500 {
865
- --tw-text-opacity: 1;
866
- color: rgb(239 68 68 / var(--tw-text-opacity));
867
- }
868
- .tina-tailwind .text-red-400 {
856
+ .tina-tailwind .text-blue-500 {
869
857
  --tw-text-opacity: 1;
870
- color: rgb(248 113 113 / var(--tw-text-opacity));
858
+ color: rgb(0 132 255 / var(--tw-text-opacity));
871
859
  }
872
860
  .tina-tailwind .text-blue-600 {
873
861
  --tw-text-opacity: 1;
874
862
  color: rgb(5 116 228 / var(--tw-text-opacity));
875
863
  }
876
- .tina-tailwind .text-gray-500 {
877
- --tw-text-opacity: 1;
878
- color: rgb(113 108 127 / var(--tw-text-opacity));
864
+ .tina-tailwind .text-current {
865
+ color: currentColor;
879
866
  }
880
867
  .tina-tailwind .text-gray-300 {
881
868
  --tw-text-opacity: 1;
@@ -885,16 +872,17 @@
885
872
  --tw-text-opacity: 1;
886
873
  color: rgb(145 140 158 / var(--tw-text-opacity));
887
874
  }
888
- .tina-tailwind .text-blue-500 {
875
+ .tina-tailwind .text-gray-500 {
889
876
  --tw-text-opacity: 1;
890
- color: rgb(0 132 255 / var(--tw-text-opacity));
877
+ color: rgb(113 108 127 / var(--tw-text-opacity));
891
878
  }
892
- .tina-tailwind .text-current {
893
- color: currentColor;
879
+ .tina-tailwind .text-gray-600 {
880
+ --tw-text-opacity: 1;
881
+ color: rgb(86 81 101 / var(--tw-text-opacity));
894
882
  }
895
- .tina-tailwind .text-white {
883
+ .tina-tailwind .text-gray-700 {
896
884
  --tw-text-opacity: 1;
897
- color: rgb(255 255 255 / var(--tw-text-opacity));
885
+ color: rgb(67 62 82 / var(--tw-text-opacity));
898
886
  }
899
887
  .tina-tailwind .text-gray-800 {
900
888
  --tw-text-opacity: 1;
@@ -904,17 +892,35 @@
904
892
  --tw-text-opacity: 1;
905
893
  color: rgb(37 35 54 / var(--tw-text-opacity));
906
894
  }
895
+ .tina-tailwind .text-red-400 {
896
+ --tw-text-opacity: 1;
897
+ color: rgb(248 113 113 / var(--tw-text-opacity));
898
+ }
899
+ .tina-tailwind .text-red-500 {
900
+ --tw-text-opacity: 1;
901
+ color: rgb(239 68 68 / var(--tw-text-opacity));
902
+ }
903
+ .tina-tailwind .text-white {
904
+ --tw-text-opacity: 1;
905
+ color: rgb(255 255 255 / var(--tw-text-opacity));
906
+ }
907
907
  .tina-tailwind .underline {
908
908
  text-decoration-line: underline;
909
909
  }
910
- .tina-tailwind .opacity-70 {
911
- opacity: .7;
910
+ .tina-tailwind .opacity-0 {
911
+ opacity: 0;
912
912
  }
913
913
  .tina-tailwind .opacity-100 {
914
914
  opacity: 1;
915
915
  }
916
- .tina-tailwind .opacity-0 {
917
- opacity: 0;
916
+ .tina-tailwind .opacity-20 {
917
+ opacity: .2;
918
+ }
919
+ .tina-tailwind .opacity-50 {
920
+ opacity: .5;
921
+ }
922
+ .tina-tailwind .opacity-70 {
923
+ opacity: .7;
918
924
  }
919
925
  .tina-tailwind .opacity-80 {
920
926
  opacity: .8;
@@ -922,15 +928,9 @@
922
928
  .tina-tailwind .opacity-90 {
923
929
  opacity: .9;
924
930
  }
925
- .tina-tailwind .opacity-20 {
926
- opacity: .2;
927
- }
928
- .tina-tailwind .opacity-50 {
929
- opacity: .5;
930
- }
931
- .tina-tailwind .shadow-lg {
932
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
933
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
931
+ .tina-tailwind .shadow {
932
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
933
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
934
934
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
935
935
  }
936
936
  .tina-tailwind .shadow-2xl {
@@ -943,9 +943,9 @@
943
943
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
944
944
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
945
945
  }
946
- .tina-tailwind .shadow {
947
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
948
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
946
+ .tina-tailwind .shadow-lg {
947
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
948
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
949
949
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
950
950
  }
951
951
  .tina-tailwind .ring-1 {
@@ -963,8 +963,8 @@
963
963
  .tina-tailwind .filter {
964
964
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
965
965
  }
966
- .tina-tailwind .transition-opacity {
967
- transition-property: opacity;
966
+ .tina-tailwind .transition {
967
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
968
968
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
969
969
  transition-duration: 150ms;
970
970
  }
@@ -978,32 +978,32 @@
978
978
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
979
979
  transition-duration: 150ms;
980
980
  }
981
- .tina-tailwind .transition {
982
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
981
+ .tina-tailwind .transition-opacity {
982
+ transition-property: opacity;
983
983
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
984
984
  transition-duration: 150ms;
985
985
  }
986
- .tina-tailwind .duration-300 {
987
- transition-duration: 300ms;
988
- }
989
- .tina-tailwind .duration-200 {
990
- transition-duration: 200ms;
986
+ .tina-tailwind .duration-100 {
987
+ transition-duration: 100ms;
991
988
  }
992
989
  .tina-tailwind .duration-150 {
993
990
  transition-duration: 150ms;
994
991
  }
995
- .tina-tailwind .duration-100 {
996
- transition-duration: 100ms;
992
+ .tina-tailwind .duration-200 {
993
+ transition-duration: 200ms;
994
+ }
995
+ .tina-tailwind .duration-300 {
996
+ transition-duration: 300ms;
997
997
  }
998
998
  .tina-tailwind .duration-75 {
999
999
  transition-duration: 75ms;
1000
1000
  }
1001
- .tina-tailwind .ease-out {
1002
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1003
- }
1004
1001
  .tina-tailwind .ease-in {
1005
1002
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
1006
1003
  }
1004
+ .tina-tailwind .ease-out {
1005
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1006
+ }
1007
1007
  .tina-tailwind .icon-parent svg {
1008
1008
  fill: currentColor;
1009
1009
  }
@@ -1018,14 +1018,14 @@
1018
1018
  --tw-bg-opacity: 1;
1019
1019
  background-color: rgb(5 116 228 / var(--tw-bg-opacity));
1020
1020
  }
1021
- .tina-tailwind .hover\:text-blue-600:hover {
1022
- --tw-text-opacity: 1;
1023
- color: rgb(5 116 228 / var(--tw-text-opacity));
1024
- }
1025
1021
  .tina-tailwind .hover\:text-blue-400:hover {
1026
1022
  --tw-text-opacity: 1;
1027
1023
  color: rgb(34 150 254 / var(--tw-text-opacity));
1028
1024
  }
1025
+ .tina-tailwind .hover\:text-blue-600:hover {
1026
+ --tw-text-opacity: 1;
1027
+ color: rgb(5 116 228 / var(--tw-text-opacity));
1028
+ }
1029
1029
  .tina-tailwind .hover\:opacity-100:hover {
1030
1030
  opacity: 1;
1031
1031
  }
@@ -1036,14 +1036,14 @@
1036
1036
  --tw-border-opacity: 1;
1037
1037
  border-color: rgb(0 132 255 / var(--tw-border-opacity));
1038
1038
  }
1039
- .tina-tailwind .focus\:text-gray-900:focus {
1040
- --tw-text-opacity: 1;
1041
- color: rgb(37 35 54 / var(--tw-text-opacity));
1042
- }
1043
1039
  .tina-tailwind .focus\:text-blue-400:focus {
1044
1040
  --tw-text-opacity: 1;
1045
1041
  color: rgb(34 150 254 / var(--tw-text-opacity));
1046
1042
  }
1043
+ .tina-tailwind .focus\:text-gray-900:focus {
1044
+ --tw-text-opacity: 1;
1045
+ color: rgb(37 35 54 / var(--tw-text-opacity));
1046
+ }
1047
1047
  .tina-tailwind .focus\:underline:focus {
1048
1048
  text-decoration-line: underline;
1049
1049
  }