@maalbuquerque/tailsass 1.0.1 → 1.0.3

package/README.md

@@ -4,7 +4,7 @@
 
 Unofficial utility-first CSS/Sass helpers. Use as compiled CSS or import the Sass source in your project.
 
-**Docs:** [Documentation](https://github.com/maalbuquerque/tailsass/blob/main/docs/index.md)
+**Docs:** [maalbuquerque.github.io/tailsass](https://maalbuquerque.github.io/tailsass/)
 
 ## Install
 

package/dist/tailsass.css

@@ -1,37 +1,65 @@
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+  }
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+}
 .transition-none {
-  transition: none;
+  transition-property: none;
 }
 
 .transition-all {
-  transition: all 0.2s ease-in-out;
+  transition-property: all;
+  transition-duration: 0.2s;
+  transition-timing-function: ease-in-out;
 }
 
 .transition-colors {
-  transition: color 0.2s ease-in-out;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-duration: 0.2s;
+  transition-timing-function: ease-in-out;
 }
 
 .transition-opacity {
-  transition: opacity 0.2s ease-in-out;
+  transition-property: opacity;
+  transition-duration: 0.2s;
+  transition-timing-function: ease-in-out;
 }
 
 .transition-transform {
-  transition: transform 0.2s ease-in-out;
+  transition-property: transform;
+  transition-duration: 0.2s;
+  transition-timing-function: ease-in-out;
 }
 
 .animate-spin {
-  animation: "spin 1s linear infinite";
+  animation: spin 1s linear infinite;
 }
 
 .animate-pulse {
-  animation: "pulse 2s cubic-bezier(0.4, 0, 0.2, 1) infinite";
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 }
 
 .animate-bounce {
-  animation: "bounce 1s infinite";
+  animation: bounce 1s infinite;
 }
 
 .animate-none {
-  animation: "none";
+  animation: none;
 }
 
 :root {
@@ -42001,60 +42029,60 @@
   overflow: auto;
 }
 
-.overflow-hidden {
-  overflow: hidden;
-}
-
-.overflow-visible {
-  overflow: visible;
-}
-
-.overflow-clip {
-  overflow: clip;
-}
-
-.overflow-scroll {
-  overflow: scroll;
-}
-
 .overflow-x-auto {
-  overflow: auto-x;
+  overflow-x: auto;
 }
 
 .overflow-y-auto {
-  overflow: auto-y;
+  overflow-y: auto;
+}
+
+.overflow-hidden {
+  overflow: hidden;
 }
 
 .overflow-x-hidden {
-  overflow: hidden-x;
+  overflow-x: hidden;
 }
 
 .overflow-y-hidden {
-  overflow: hidden-y;
+  overflow-y: hidden;
+}
+
+.overflow-visible {
+  overflow: visible;
 }
 
 .overflow-x-visible {
-  overflow: visible-x;
+  overflow-x: visible;
 }
 
 .overflow-y-visible {
-  overflow: visible-y;
+  overflow-y: visible;
+}
+
+.overflow-clip {
+  overflow: clip;
 }
 
 .overflow-x-clip {
-  overflow: clip-x;
+  overflow-x: clip;
 }
 
 .overflow-y-clip {
-  overflow: clip-y;
+  overflow-y: clip;
+}
+
+.overflow-scroll {
+  overflow: scroll;
 }
 
 .overflow-x-scroll {
-  overflow: scroll-x;
+  overflow-x: scroll;
 }
 
 .overflow-y-scroll {
-  overflow: scroll-y;
+  overflow-y: scroll;
 }
 
 .static {