carfdevcss 0.0.2 → 0.0.4
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/package.json +1 -1
- package/src/index.css +36 -25
package/package.json
CHANGED
package/src/index.css
CHANGED
|
@@ -518,8 +518,6 @@
|
|
|
518
518
|
--animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
519
519
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
520
520
|
--animate-bounce: bounce 1s infinite;
|
|
521
|
-
--animate-bouncing: bouncing 1s ease-in-out both;
|
|
522
|
-
--animate-fade-in-up: fade-in-up 0.6s ease-in-out both;
|
|
523
521
|
|
|
524
522
|
@keyframes spin {
|
|
525
523
|
to {
|
|
@@ -554,29 +552,6 @@
|
|
|
554
552
|
}
|
|
555
553
|
}
|
|
556
554
|
|
|
557
|
-
@keyframes bouncing {
|
|
558
|
-
0% {
|
|
559
|
-
transform: translateY(0);
|
|
560
|
-
}
|
|
561
|
-
50% {
|
|
562
|
-
transform: translateY(-10px);
|
|
563
|
-
}
|
|
564
|
-
100% {
|
|
565
|
-
transform: translateY(0);
|
|
566
|
-
}
|
|
567
|
-
}
|
|
568
|
-
|
|
569
|
-
@keyframes fade-in-up {
|
|
570
|
-
0% {
|
|
571
|
-
opacity: 0;
|
|
572
|
-
transform: translateY(20px);
|
|
573
|
-
}
|
|
574
|
-
100% {
|
|
575
|
-
opacity: 1;
|
|
576
|
-
transform: translateY(0);
|
|
577
|
-
}
|
|
578
|
-
}
|
|
579
|
-
|
|
580
555
|
--blur-xs: 4px;
|
|
581
556
|
--blur-sm: 8px;
|
|
582
557
|
--blur-md: 12px;
|
|
@@ -879,6 +854,34 @@
|
|
|
879
854
|
@tailwind utilities;
|
|
880
855
|
}
|
|
881
856
|
|
|
857
|
+
@theme inline {
|
|
858
|
+
--animate-bouncing: bouncing 1s ease-in-out both;
|
|
859
|
+
--animate-fade-in-up: fade-in-up 0.6s ease-in-out both;
|
|
860
|
+
|
|
861
|
+
@keyframes bouncing {
|
|
862
|
+
0% {
|
|
863
|
+
transform: translateY(0);
|
|
864
|
+
}
|
|
865
|
+
50% {
|
|
866
|
+
transform: translateY(-10px);
|
|
867
|
+
}
|
|
868
|
+
100% {
|
|
869
|
+
transform: translateY(0);
|
|
870
|
+
}
|
|
871
|
+
}
|
|
872
|
+
|
|
873
|
+
@keyframes fade-in-up {
|
|
874
|
+
0% {
|
|
875
|
+
opacity: 0;
|
|
876
|
+
transform: translateY(20px);
|
|
877
|
+
}
|
|
878
|
+
100% {
|
|
879
|
+
opacity: 1;
|
|
880
|
+
transform: translateY(0);
|
|
881
|
+
}
|
|
882
|
+
}
|
|
883
|
+
}
|
|
884
|
+
|
|
882
885
|
/* ============================================
|
|
883
886
|
Utility Classes - Animation Delay
|
|
884
887
|
============================================ */
|
|
@@ -897,6 +900,14 @@
|
|
|
897
900
|
animation-duration: --value(--tw-anim-duration-*, [duration], [*]);
|
|
898
901
|
}
|
|
899
902
|
|
|
903
|
+
/* ============================================
|
|
904
|
+
Utility Classes - Animation Iteration Count
|
|
905
|
+
============================================ */
|
|
906
|
+
|
|
907
|
+
@utility animate-iteration-count-* {
|
|
908
|
+
animation-iteration-count: --value(--tw-anim-iteration-count-*, number, [number], [*]);
|
|
909
|
+
}
|
|
910
|
+
|
|
900
911
|
/* ============================================
|
|
901
912
|
Utility Classes - Animation Fill Mode
|
|
902
913
|
============================================ */
|