tinacms 1.2.2 → 1.3.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.
package/dist/style.css CHANGED
@@ -341,35 +341,35 @@
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;
@@ -378,38 +378,44 @@
378
378
  .tina-tailwind .-ml-px {
379
379
  margin-left: -1px;
380
380
  }
381
- .tina-tailwind .mr-2 {
382
- margin-right: 8px;
381
+ .tina-tailwind .-mt-0 {
382
+ margin-top: -0px;
383
383
  }
384
- .tina-tailwind .ml-1 {
385
- margin-left: 4px;
384
+ .tina-tailwind .-mt-0\.5 {
385
+ margin-top: -2px;
386
+ }
387
+ .tina-tailwind .mb-1 {
388
+ margin-bottom: 4px;
386
389
  }
387
390
  .tina-tailwind .mb-2 {
388
391
  margin-bottom: 8px;
389
392
  }
390
- .tina-tailwind .mb-1 {
391
- margin-bottom: 4px;
393
+ .tina-tailwind .mb-4 {
394
+ margin-bottom: 16px;
392
395
  }
393
- .tina-tailwind .-mt-0\.5 {
394
- margin-top: -2px;
396
+ .tina-tailwind .mb-6 {
397
+ margin-bottom: 24px;
395
398
  }
396
- .tina-tailwind .-mt-0 {
397
- margin-top: -0px;
399
+ .tina-tailwind .mb-8 {
400
+ margin-bottom: 32px;
398
401
  }
399
- .tina-tailwind .mt-2 {
400
- margin-top: 8px;
402
+ .tina-tailwind .ml-1 {
403
+ margin-left: 4px;
401
404
  }
402
405
  .tina-tailwind .ml-1\.5 {
403
406
  margin-left: 6px;
404
407
  }
405
- .tina-tailwind .mb-4 {
406
- margin-bottom: 16px;
408
+ .tina-tailwind .mr-1 {
409
+ margin-right: 4px;
407
410
  }
408
411
  .tina-tailwind .mr-1\.5 {
409
412
  margin-right: 6px;
410
413
  }
411
- .tina-tailwind .mr-1 {
412
- margin-right: 4px;
414
+ .tina-tailwind .mr-2 {
415
+ margin-right: 8px;
416
+ }
417
+ .tina-tailwind .mt-2 {
418
+ margin-top: 8px;
413
419
  }
414
420
  .tina-tailwind .block {
415
421
  display: block;
@@ -417,9 +423,6 @@
417
423
  .tina-tailwind .inline-block {
418
424
  display: inline-block;
419
425
  }
420
- .tina-tailwind .inline {
421
- display: inline;
422
- }
423
426
  .tina-tailwind .flex {
424
427
  display: flex;
425
428
  }
@@ -432,14 +435,14 @@
432
435
  .tina-tailwind .grid {
433
436
  display: grid;
434
437
  }
435
- .tina-tailwind .h-screen {
436
- height: 100vh;
438
+ .tina-tailwind .h-10 {
439
+ height: 40px;
437
440
  }
438
- .tina-tailwind .h-auto {
439
- height: auto;
441
+ .tina-tailwind .h-12 {
442
+ height: 48px;
440
443
  }
441
- .tina-tailwind .h-full {
442
- height: 100%;
444
+ .tina-tailwind .h-5 {
445
+ height: 20px;
443
446
  }
444
447
  .tina-tailwind .h-6 {
445
448
  height: 24px;
@@ -447,23 +450,23 @@
447
450
  .tina-tailwind .h-7 {
448
451
  height: 28px;
449
452
  }
450
- .tina-tailwind .h-5 {
451
- height: 20px;
453
+ .tina-tailwind .h-auto {
454
+ height: auto;
452
455
  }
453
- .tina-tailwind .h-10 {
454
- height: 40px;
456
+ .tina-tailwind .h-full {
457
+ height: 100%;
455
458
  }
456
- .tina-tailwind .h-12 {
457
- height: 48px;
459
+ .tina-tailwind .h-screen {
460
+ height: 100vh;
458
461
  }
459
- .tina-tailwind .w-full {
460
- width: 100%;
462
+ .tina-tailwind .w-0 {
463
+ width: 0px;
461
464
  }
462
465
  .tina-tailwind .w-10 {
463
466
  width: 40px;
464
467
  }
465
- .tina-tailwind .w-auto {
466
- width: auto;
468
+ .tina-tailwind .w-12 {
469
+ width: 48px;
467
470
  }
468
471
  .tina-tailwind .w-5 {
469
472
  width: 20px;
@@ -471,20 +474,23 @@
471
474
  .tina-tailwind .w-56 {
472
475
  width: 224px;
473
476
  }
477
+ .tina-tailwind .w-6 {
478
+ width: 24px;
479
+ }
480
+ .tina-tailwind .w-7 {
481
+ width: 28px;
482
+ }
474
483
  .tina-tailwind .w-\[15\%\] {
475
484
  width: 15%;
476
485
  }
477
- .tina-tailwind .w-0 {
478
- width: 0px;
479
- }
480
- .tina-tailwind .w-6 {
481
- width: 24px;
486
+ .tina-tailwind .w-auto {
487
+ width: auto;
482
488
  }
483
- .tina-tailwind .max-w-lg {
484
- max-width: 32rem;
489
+ .tina-tailwind .w-full {
490
+ width: 100%;
485
491
  }
486
- .tina-tailwind .max-w-screen-xl {
487
- max-width: 1280px;
492
+ .tina-tailwind .max-w-0 {
493
+ max-width: 0rem;
488
494
  }
489
495
  .tina-tailwind .max-w-form {
490
496
  max-width: 900px;
@@ -492,8 +498,11 @@
492
498
  .tina-tailwind .max-w-full {
493
499
  max-width: 100%;
494
500
  }
495
- .tina-tailwind .max-w-0 {
496
- 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;
497
506
  }
498
507
  .tina-tailwind .flex-1 {
499
508
  flex: 1 1 0%;
@@ -514,6 +523,10 @@
514
523
  --tw-translate-x: -100%;
515
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));
516
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
+ }
517
530
  .tina-tailwind .translate-x-0 {
518
531
  --tw-translate-x: 0px;
519
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));
@@ -522,8 +535,9 @@
522
535
  --tw-translate-x: 100%;
523
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));
524
537
  }
525
- .tina-tailwind .-translate-y-1\/2 {
526
- --tw-translate-y: -50%;
538
+ .tina-tailwind .scale-100 {
539
+ --tw-scale-x: 1;
540
+ --tw-scale-y: 1;
527
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));
528
542
  }
529
543
  .tina-tailwind .scale-95 {
@@ -531,11 +545,6 @@
531
545
  --tw-scale-y: .95;
532
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));
533
547
  }
534
- .tina-tailwind .scale-100 {
535
- --tw-scale-x: 1;
536
- --tw-scale-y: 1;
537
- 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));
538
- }
539
548
  .tina-tailwind .transform {
540
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));
541
550
  }
@@ -572,14 +581,11 @@
572
581
  .tina-tailwind .justify-between {
573
582
  justify-content: space-between;
574
583
  }
575
- .tina-tailwind .gap-0\.5 {
576
- gap: 2px;
577
- }
578
584
  .tina-tailwind .gap-0 {
579
585
  gap: 0px;
580
586
  }
581
- .tina-tailwind .gap-4 {
582
- gap: 16px;
587
+ .tina-tailwind .gap-0\.5 {
588
+ gap: 2px;
583
589
  }
584
590
  .tina-tailwind .gap-2 {
585
591
  gap: 8px;
@@ -587,6 +593,9 @@
587
593
  .tina-tailwind .gap-3 {
588
594
  gap: 12px;
589
595
  }
596
+ .tina-tailwind .gap-4 {
597
+ gap: 16px;
598
+ }
590
599
  .tina-tailwind .divide-y > :not([hidden]) ~ :not([hidden]) {
591
600
  --tw-divide-y-reverse: 0;
592
601
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -619,18 +628,18 @@
619
628
  .tina-tailwind .whitespace-nowrap {
620
629
  white-space: nowrap;
621
630
  }
622
- .tina-tailwind .rounded-lg {
623
- border-radius: 8px;
624
- }
625
631
  .tina-tailwind .rounded {
626
632
  border-radius: 4px;
627
633
  }
628
- .tina-tailwind .rounded-md {
629
- border-radius: 6px;
630
- }
631
634
  .tina-tailwind .rounded-full {
632
635
  border-radius: 9999px;
633
636
  }
637
+ .tina-tailwind .rounded-lg {
638
+ border-radius: 8px;
639
+ }
640
+ .tina-tailwind .rounded-md {
641
+ border-radius: 6px;
642
+ }
634
643
  .tina-tailwind .rounded-r-md {
635
644
  border-top-right-radius: 6px;
636
645
  border-bottom-right-radius: 6px;
@@ -641,6 +650,10 @@
641
650
  .tina-tailwind .border-b {
642
651
  border-bottom-width: 1px;
643
652
  }
653
+ .tina-tailwind .border-gray-100 {
654
+ --tw-border-opacity: 1;
655
+ border-color: rgb(237 236 243 / var(--tw-border-opacity));
656
+ }
644
657
  .tina-tailwind .border-gray-150 {
645
658
  --tw-border-opacity: 1;
646
659
  border-color: rgb(230 227 239 / var(--tw-border-opacity));
@@ -649,21 +662,21 @@
649
662
  --tw-border-opacity: 1;
650
663
  border-color: rgb(225 221 236 / var(--tw-border-opacity));
651
664
  }
652
- .tina-tailwind .border-gray-100 {
653
- --tw-border-opacity: 1;
654
- border-color: rgb(237 236 243 / var(--tw-border-opacity));
665
+ .tina-tailwind .bg-blue-500 {
666
+ --tw-bg-opacity: 1;
667
+ background-color: rgb(0 132 255 / var(--tw-bg-opacity));
655
668
  }
656
- .tina-tailwind .bg-white {
669
+ .tina-tailwind .bg-gray-100 {
657
670
  --tw-bg-opacity: 1;
658
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
671
+ background-color: rgb(237 236 243 / var(--tw-bg-opacity));
659
672
  }
660
673
  .tina-tailwind .bg-gray-50 {
661
674
  --tw-bg-opacity: 1;
662
675
  background-color: rgb(246 246 249 / var(--tw-bg-opacity));
663
676
  }
664
- .tina-tailwind .bg-blue-500 {
677
+ .tina-tailwind .bg-white {
665
678
  --tw-bg-opacity: 1;
666
- background-color: rgb(0 132 255 / var(--tw-bg-opacity));
679
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
667
680
  }
668
681
  .tina-tailwind .bg-gradient-to-b {
669
682
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
@@ -690,51 +703,38 @@
690
703
  --tw-gradient-to: rgb(37 35 54 / 0);
691
704
  --tw-gradient-stops: var(--tw-gradient-from), #252336, var(--tw-gradient-to);
692
705
  }
693
- .tina-tailwind .to-gray-900 {
694
- --tw-gradient-to: #252336;
695
- }
696
- .tina-tailwind .to-gray-50 {
697
- --tw-gradient-to: #F6F6F9;
698
- }
699
706
  .tina-tailwind .to-black {
700
707
  --tw-gradient-to: #000;
701
708
  }
702
- .tina-tailwind .px-4 {
703
- padding-left: 16px;
704
- padding-right: 16px;
709
+ .tina-tailwind .to-gray-50 {
710
+ --tw-gradient-to: #F6F6F9;
705
711
  }
706
- .tina-tailwind .py-6 {
707
- padding-top: 24px;
708
- padding-bottom: 24px;
712
+ .tina-tailwind .to-gray-900 {
713
+ --tw-gradient-to: #252336;
709
714
  }
710
- .tina-tailwind .px-5 {
711
- padding-left: 20px;
712
- padding-right: 20px;
713
- }
714
- .tina-tailwind .py-4 {
715
- padding-top: 16px;
716
- padding-bottom: 16px;
715
+ .tina-tailwind .fill-current {
716
+ fill: currentColor;
717
717
  }
718
718
  .tina-tailwind .px-12 {
719
719
  padding-left: 48px;
720
720
  padding-right: 48px;
721
721
  }
722
- .tina-tailwind .py-8 {
723
- padding-top: 32px;
724
- padding-bottom: 32px;
725
- }
726
- .tina-tailwind .py-10 {
727
- padding-top: 40px;
728
- padding-bottom: 40px;
729
- }
730
- .tina-tailwind .py-2 {
731
- padding-top: 8px;
732
- padding-bottom: 8px;
733
- }
734
722
  .tina-tailwind .px-20 {
735
723
  padding-left: 80px;
736
724
  padding-right: 80px;
737
725
  }
726
+ .tina-tailwind .px-3 {
727
+ padding-left: 12px;
728
+ padding-right: 12px;
729
+ }
730
+ .tina-tailwind .px-4 {
731
+ padding-left: 16px;
732
+ padding-right: 16px;
733
+ }
734
+ .tina-tailwind .px-5 {
735
+ padding-left: 20px;
736
+ padding-right: 20px;
737
+ }
738
738
  .tina-tailwind .px-6 {
739
739
  padding-left: 24px;
740
740
  padding-right: 24px;
@@ -743,29 +743,36 @@
743
743
  padding-top: 4px;
744
744
  padding-bottom: 4px;
745
745
  }
746
- .tina-tailwind .px-3 {
747
- padding-left: 12px;
748
- padding-right: 12px;
746
+ .tina-tailwind .py-10 {
747
+ padding-top: 40px;
748
+ padding-bottom: 40px;
749
+ }
750
+ .tina-tailwind .py-2 {
751
+ padding-top: 8px;
752
+ padding-bottom: 8px;
749
753
  }
750
754
  .tina-tailwind .py-3 {
751
755
  padding-top: 12px;
752
756
  padding-bottom: 12px;
753
757
  }
758
+ .tina-tailwind .py-4 {
759
+ padding-top: 16px;
760
+ padding-bottom: 16px;
761
+ }
754
762
  .tina-tailwind .py-5 {
755
763
  padding-top: 20px;
756
764
  padding-bottom: 20px;
757
765
  }
758
- .tina-tailwind .pt-4 {
759
- padding-top: 16px;
760
- }
761
- .tina-tailwind .pt-12 {
762
- padding-top: 48px;
766
+ .tina-tailwind .py-6 {
767
+ padding-top: 24px;
768
+ padding-bottom: 24px;
763
769
  }
764
- .tina-tailwind .pr-3 {
765
- padding-right: 12px;
770
+ .tina-tailwind .py-8 {
771
+ padding-top: 32px;
772
+ padding-bottom: 32px;
766
773
  }
767
- .tina-tailwind .pl-8 {
768
- padding-left: 32px;
774
+ .tina-tailwind .pl-18 {
775
+ padding-left: 72px;
769
776
  }
770
777
  .tina-tailwind .pl-3 {
771
778
  padding-left: 12px;
@@ -773,8 +780,17 @@
773
780
  .tina-tailwind .pl-5 {
774
781
  padding-left: 20px;
775
782
  }
776
- .tina-tailwind .pl-18 {
777
- 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;
778
794
  }
779
795
  .tina-tailwind .text-left {
780
796
  text-align: left;
@@ -789,10 +805,18 @@
789
805
  font-size: 24px;
790
806
  line-height: 1.33;
791
807
  }
808
+ .tina-tailwind .text-4xl {
809
+ font-size: 36px;
810
+ line-height: 1.1;
811
+ }
792
812
  .tina-tailwind .text-base {
793
813
  font-size: 16px;
794
814
  line-height: 1.5;
795
815
  }
816
+ .tina-tailwind .text-md {
817
+ font-size: 16px;
818
+ line-height: 1.5;
819
+ }
796
820
  .tina-tailwind .text-sm {
797
821
  font-size: 14px;
798
822
  line-height: 1.43;
@@ -801,10 +825,6 @@
801
825
  font-size: 20px;
802
826
  line-height: 1.4;
803
827
  }
804
- .tina-tailwind .text-md {
805
- font-size: 16px;
806
- line-height: 1.5;
807
- }
808
828
  .tina-tailwind .text-xs {
809
829
  font-size: 13px;
810
830
  line-height: 1.33;
@@ -821,33 +841,28 @@
821
841
  .tina-tailwind .italic {
822
842
  font-style: italic;
823
843
  }
844
+ .tina-tailwind .leading-5 {
845
+ line-height: 20px;
846
+ }
824
847
  .tina-tailwind .leading-normal {
825
848
  line-height: 1.5;
826
849
  }
827
850
  .tina-tailwind .leading-tight {
828
851
  line-height: 1.25;
829
852
  }
830
- .tina-tailwind .leading-5 {
831
- line-height: 20px;
832
- }
833
853
  .tina-tailwind .tracking-wide {
834
854
  letter-spacing: 0.025em;
835
855
  }
836
- .tina-tailwind .text-gray-600 {
837
- --tw-text-opacity: 1;
838
- color: rgb(86 81 101 / var(--tw-text-opacity));
839
- }
840
- .tina-tailwind .text-gray-700 {
856
+ .tina-tailwind .text-blue-500 {
841
857
  --tw-text-opacity: 1;
842
- color: rgb(67 62 82 / var(--tw-text-opacity));
858
+ color: rgb(0 132 255 / var(--tw-text-opacity));
843
859
  }
844
860
  .tina-tailwind .text-blue-600 {
845
861
  --tw-text-opacity: 1;
846
862
  color: rgb(5 116 228 / var(--tw-text-opacity));
847
863
  }
848
- .tina-tailwind .text-gray-500 {
849
- --tw-text-opacity: 1;
850
- color: rgb(113 108 127 / var(--tw-text-opacity));
864
+ .tina-tailwind .text-current {
865
+ color: currentColor;
851
866
  }
852
867
  .tina-tailwind .text-gray-300 {
853
868
  --tw-text-opacity: 1;
@@ -857,16 +872,17 @@
857
872
  --tw-text-opacity: 1;
858
873
  color: rgb(145 140 158 / var(--tw-text-opacity));
859
874
  }
860
- .tina-tailwind .text-blue-500 {
875
+ .tina-tailwind .text-gray-500 {
861
876
  --tw-text-opacity: 1;
862
- color: rgb(0 132 255 / var(--tw-text-opacity));
877
+ color: rgb(113 108 127 / var(--tw-text-opacity));
863
878
  }
864
- .tina-tailwind .text-current {
865
- color: currentColor;
879
+ .tina-tailwind .text-gray-600 {
880
+ --tw-text-opacity: 1;
881
+ color: rgb(86 81 101 / var(--tw-text-opacity));
866
882
  }
867
- .tina-tailwind .text-white {
883
+ .tina-tailwind .text-gray-700 {
868
884
  --tw-text-opacity: 1;
869
- color: rgb(255 255 255 / var(--tw-text-opacity));
885
+ color: rgb(67 62 82 / var(--tw-text-opacity));
870
886
  }
871
887
  .tina-tailwind .text-gray-800 {
872
888
  --tw-text-opacity: 1;
@@ -876,24 +892,26 @@
876
892
  --tw-text-opacity: 1;
877
893
  color: rgb(37 35 54 / var(--tw-text-opacity));
878
894
  }
895
+ .tina-tailwind .text-red-400 {
896
+ --tw-text-opacity: 1;
897
+ color: rgb(248 113 113 / var(--tw-text-opacity));
898
+ }
879
899
  .tina-tailwind .text-red-500 {
880
900
  --tw-text-opacity: 1;
881
901
  color: rgb(239 68 68 / var(--tw-text-opacity));
882
902
  }
903
+ .tina-tailwind .text-white {
904
+ --tw-text-opacity: 1;
905
+ color: rgb(255 255 255 / var(--tw-text-opacity));
906
+ }
883
907
  .tina-tailwind .underline {
884
908
  text-decoration-line: underline;
885
909
  }
886
- .tina-tailwind .opacity-100 {
887
- opacity: 1;
888
- }
889
910
  .tina-tailwind .opacity-0 {
890
911
  opacity: 0;
891
912
  }
892
- .tina-tailwind .opacity-80 {
893
- opacity: .8;
894
- }
895
- .tina-tailwind .opacity-90 {
896
- opacity: .9;
913
+ .tina-tailwind .opacity-100 {
914
+ opacity: 1;
897
915
  }
898
916
  .tina-tailwind .opacity-20 {
899
917
  opacity: .2;
@@ -904,9 +922,15 @@
904
922
  .tina-tailwind .opacity-70 {
905
923
  opacity: .7;
906
924
  }
907
- .tina-tailwind .shadow-lg {
908
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
909
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
925
+ .tina-tailwind .opacity-80 {
926
+ opacity: .8;
927
+ }
928
+ .tina-tailwind .opacity-90 {
929
+ opacity: .9;
930
+ }
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);
910
934
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
911
935
  }
912
936
  .tina-tailwind .shadow-2xl {
@@ -919,9 +943,9 @@
919
943
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
920
944
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
921
945
  }
922
- .tina-tailwind .shadow {
923
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
924
- --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);
925
949
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
926
950
  }
927
951
  .tina-tailwind .ring-1 {
@@ -939,8 +963,8 @@
939
963
  .tina-tailwind .filter {
940
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);
941
965
  }
942
- .tina-tailwind .transition-opacity {
943
- 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;
944
968
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
945
969
  transition-duration: 150ms;
946
970
  }
@@ -954,32 +978,32 @@
954
978
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
955
979
  transition-duration: 150ms;
956
980
  }
957
- .tina-tailwind .transition {
958
- 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;
959
983
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
960
984
  transition-duration: 150ms;
961
985
  }
962
- .tina-tailwind .duration-300 {
963
- transition-duration: 300ms;
964
- }
965
- .tina-tailwind .duration-200 {
966
- transition-duration: 200ms;
986
+ .tina-tailwind .duration-100 {
987
+ transition-duration: 100ms;
967
988
  }
968
989
  .tina-tailwind .duration-150 {
969
990
  transition-duration: 150ms;
970
991
  }
971
- .tina-tailwind .duration-100 {
972
- transition-duration: 100ms;
992
+ .tina-tailwind .duration-200 {
993
+ transition-duration: 200ms;
994
+ }
995
+ .tina-tailwind .duration-300 {
996
+ transition-duration: 300ms;
973
997
  }
974
998
  .tina-tailwind .duration-75 {
975
999
  transition-duration: 75ms;
976
1000
  }
977
- .tina-tailwind .ease-out {
978
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
979
- }
980
1001
  .tina-tailwind .ease-in {
981
1002
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
982
1003
  }
1004
+ .tina-tailwind .ease-out {
1005
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1006
+ }
983
1007
  .tina-tailwind .icon-parent svg {
984
1008
  fill: currentColor;
985
1009
  }
@@ -994,14 +1018,14 @@
994
1018
  --tw-bg-opacity: 1;
995
1019
  background-color: rgb(5 116 228 / var(--tw-bg-opacity));
996
1020
  }
997
- .tina-tailwind .hover\:text-blue-600:hover {
998
- --tw-text-opacity: 1;
999
- color: rgb(5 116 228 / var(--tw-text-opacity));
1000
- }
1001
1021
  .tina-tailwind .hover\:text-blue-400:hover {
1002
1022
  --tw-text-opacity: 1;
1003
1023
  color: rgb(34 150 254 / var(--tw-text-opacity));
1004
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
+ }
1005
1029
  .tina-tailwind .hover\:opacity-100:hover {
1006
1030
  opacity: 1;
1007
1031
  }
@@ -1012,14 +1036,14 @@
1012
1036
  --tw-border-opacity: 1;
1013
1037
  border-color: rgb(0 132 255 / var(--tw-border-opacity));
1014
1038
  }
1015
- .tina-tailwind .focus\:text-gray-900:focus {
1016
- --tw-text-opacity: 1;
1017
- color: rgb(37 35 54 / var(--tw-text-opacity));
1018
- }
1019
1039
  .tina-tailwind .focus\:text-blue-400:focus {
1020
1040
  --tw-text-opacity: 1;
1021
1041
  color: rgb(34 150 254 / var(--tw-text-opacity));
1022
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
+ }
1023
1047
  .tina-tailwind .focus\:underline:focus {
1024
1048
  text-decoration-line: underline;
1025
1049
  }