Add common values for intellisense code completions

Wombosvideo · Feb 15, 2025 · f088d13 · f088d13
1 parent 34fd451
commit f088d13
Showing 1 changed file with 51 additions and 8 deletions.
diff --git a/tailwindcss-animate.css b/tailwindcss-animate.css
@@ -58,6 +58,49 @@
   --percentage-95: 0.95;
   --percentage-100: 1;
 
+  --translate-1/2: 50%;
+  --translate-1/3: 33.333333%;
+  --translate-2/3: 66.666667%;
+  --translate-1/4: 25%;
+  --translate-2/4: 50%;
+  --translate-3/4: 75%;
+  --translate-full: 100%;
+  --translate-px: 1px;
+  --translate-0: 0px;
+  --translate-0.5: 0.125rem;
+  --translate-1: 0.25rem;
+  --translate-1.5: 0.375rem;
+  --translate-2: 0.5rem;
+  --translate-2.5: 0.625rem;
+  --translate-3: 0.75rem;
+  --translate-3.5: 0.875rem;
+  --translate-4: 1rem;
+  --translate-5: 1.25rem;
+  --translate-6: 1.5rem;
+  --translate-7: 1.75rem;
+  --translate-8: 2rem;
+  --translate-9: 2.25rem;
+  --translate-10: 2.5rem;
+  --translate-11: 2.75rem;
+  --translate-12: 3rem;
+  --translate-14: 3.5rem;
+  --translate-16: 4rem;
+  --translate-20: 5rem;
+  --translate-24: 6rem;
+  --translate-28: 7rem;
+  --translate-32: 8rem;
+  --translate-36: 9rem;
+  --translate-40: 10rem;
+  --translate-44: 11rem;
+  --translate-48: 12rem;
+  --translate-52: 13rem;
+  --translate-56: 14rem;
+  --translate-60: 15rem;
+  --translate-64: 16rem;
+  --translate-72: 18rem;
+  --translate-80: 20rem;
+  --translate-96: 24rem;
+
   @keyframes enter {
     from {
       opacity: var(--tw-enter-opacity, 1);
@@ -152,35 +195,35 @@
 }
 
 @utility slide-in-from-top-* {
-  --tw-enter-translate-y: calc(--value([percentage], ratio, [length]) * -1);
   --tw-enter-translate-y: calc(--value(integer) * var(--spacing) * -1);
+  --tw-enter-translate-y: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
 }
 @utility slide-in-from-bottom-* {
-  --tw-enter-translate-y: --value([percentage], ratio, [length]);
   --tw-enter-translate-y: calc(--value(integer) * var(--spacing));
+  --tw-enter-translate-y: --value(--translate-*, [percentage], ratio, [length]);
 }
 @utility slide-in-from-left-* {
-  --tw-enter-translate-x: calc(--value([percentage], ratio, [length]) * -1);
   --tw-enter-translate-x: calc(--value(integer) * var(--spacing) * -1);
+  --tw-enter-translate-x: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
 }
 @utility slide-in-from-right-* {
-  --tw-enter-translate-x: --value([percentage], ratio, [length]);
   --tw-enter-translate-x: calc(--value(integer) * var(--spacing));
+  --tw-enter-translate-x: --value(--translate-*, [percentage], ratio, [length]);
 }
 
 @utility slide-out-to-top-* {
-  --tw-exit-translate-y: calc(--value([percentage], ratio, [length]) * -1);
   --tw-exit-translate-y: calc(--value(integer) * var(--spacing) * -1);
+  --tw-exit-translate-y: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
 }
 @utility slide-out-to-bottom-* {
-  --tw-exit-translate-y: --value([percentage], ratio, [length]);
   --tw-exit-translate-y: calc(--value(integer) * var(--spacing));
+  --tw-exit-translate-y: --value(--translate-*, [percentage], ratio, [length]);
 }
 @utility slide-out-to-left-* {
-  --tw-exit-translate-x: calc(--value([percentage], ratio, [length]) * -1);
   --tw-exit-translate-x: calc(--value(integer) * var(--spacing) * -1);
+  --tw-exit-translate-x: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
 }
 @utility slide-out-to-right-* {
-  --tw-exit-translate-x: --value([percentage], ratio, [length]);
   --tw-exit-translate-x: calc(--value(integer) * var(--spacing));
+  --tw-exit-translate-x: --value(--translate-*, [percentage], ratio, [length]);
 }