@g-loot/css-framework - npm Package Compare versions

Comparing version 1.0.54 to 1.0.55

package.json

 {
   "name": "@g-loot/css-framework",
-  "version": "1.0.54"
+  "version": "1.0.55"
 }

tailwind.config.js

@@ -244,2 +244,4 @@ function withOpacityValue(variable) {
         'fade-out': 'fadeOut 0.44s cubic-bezier(0.7, 0, 0.1, 1) both',
+        'scale-in': 'scaleIn 0.88s cubic-bezier(0.7, 0, 0.1, 1) both',
+        'scale-out': 'scaleOut 0.44s cubic-bezier(0.7, 0, 0.1, 1) both',
         'heartbeat': 'heartbeat 1.5s ease-in-out infinite both',
@@ -250,2 +252,3 @@ 'drop-in': 'dropIn 1.1s both',
         'floating': 'floating 6s cubic-bezier(.45,0,.4,1) infinite',
+        'shake': 'shake 0.8s cubic-bezier(.455,.030,.515,.955) both',
       },
@@ -309,2 +312,22 @@ keyframes: {
         },
+        scaleIn: {
+          '0%': { 
+            opacity: '0',
+            transform: 'scale(0)',
+          },
+          '100%': { 
+            opacity: '1',
+            transform: 'scale(1)',
+          },
+        },
+        scaleOut: {
+          '0%': { 
+            opacity: '1',
+            transform: 'scale(1)',
+          },
+          '100%': { 
+            opacity: '0',
+            transform: 'scale(0)',
+          },
+        },
         bounceRight: {
@@ -397,2 +420,19 @@ '0%, 100%': {
         },
+        shake: {
+          '0%,100%': { 
+            transform: 'translateX(0)',
+          },
+          '10%,30%,50%,70%': { 
+            transform: 'translateX(-10px)',
+          },
+          '20%,40%,60%': { 
+            transform: 'translateX(10px)',
+          },
+          '80%': { 
+            transform: 'translateX(8px)',
+          },
+          '90%': { 
+            transform: 'translateX(-8px)',
+          },
+        },
       },
@@ -399,0 +439,0 @@ boxShadow: {

No alert changes

Improved metrics

Total package byte prevSize

243744

increased by1.1%

Lines of code

13730

increased by1%

No dependency changes