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

Comparing version 1.0.101 to 1.0.102

package.json

 {
   "name": "@g-loot/css-framework",
-  "version": "1.0.101"
+  "version": "1.0.102"
 }

tailwind.config.js

@@ -99,2 +99,10 @@ function withOpacityValue(variable) {
       full: "9999px",
+      0.5: "0.125rem",
+      1: "0.25rem",
+      1.5: "0.375rem",
+      2: "0.5rem",
+      2.5: "0.625rem",
+      3: "0.75rem",
+      3.5: "0.875rem",
+      4: "1rem",
     },
@@ -288,11 +296,54 @@ extend: {
         shake: "shake 0.8s cubic-bezier(.455,.030,.515,.955) both",
-        "scale-in-x-left": "scaleInXLeft 0.75s cubic-bezier(0.7, 0, 0.1, 1) both",
-        "scale-out-x-left": "scaleOutXLeft 0.75s cubic-bezier(0.7, 0, 0.1, 1) both",
-        "scale-in-x-right": "scaleInXRight 0.75s cubic-bezier(0.7, 0, 0.1, 1) both",
-        "scale-out-x-right": "scaleOutXRight 0.75s cubic-bezier(0.7, 0, 0.1, 1) both",
+        "scale-in-x-left":
+          "scaleInXLeft 0.75s cubic-bezier(0.7, 0, 0.1, 1) both",
+        "scale-out-x-left":
+          "scaleOutXLeft 0.75s cubic-bezier(0.7, 0, 0.1, 1) both",
+        "scale-in-x-right":
+          "scaleInXRight 0.75s cubic-bezier(0.7, 0, 0.1, 1) both",
+        "scale-out-x-right":
+          "scaleOutXRight 0.75s cubic-bezier(0.7, 0, 0.1, 1) both",
         "fire-in": "fireIn 0.88s cubic-bezier(0.7, 0, 0.1, 1) both",
         "fire-out": "fireOut 0.44s cubic-bezier(0.7, 0, 0.1, 1) both",
         "text-attention": "textAttention 2s ease-in-out infinite both",
+        blockreveal: "blockReveal .66s cubic-bezier(1,0,.2,1) both",
+        "blockreveal-before":
+          "blockRevealBefore .66s cubic-bezier(1,0,.2,1) both",
+        "blockreveal-content":
+          "blockRevealContent .66s cubic-bezier(1,0,.2,1) both",
       },
       keyframes: {
+        blockReveal: {
+          "0%": {
+            opacity: "0",
+          },
+          "1%, 100%": {
+            opacity: "1",
+          },
+        },
+        blockRevealBefore: {
+          "0%": {
+            transformOrigin: "0% center",
+            transform: "scaleX(0)",
+          },
+          "50%": {
+            transformOrigin: "0% center",
+            transform: "scaleX(1)",
+          },
+          "51%": {
+            transformOrigin: "100% center",
+            transform: "scaleX(1)",
+          },
+          "100%": {
+            transformOrigin: "100% center",
+            transform: "scaleX(0)",
+          },
+        },
+        blockRevealContent: {
+          "0%, 50%": {
+            opacity: "0",
+          },
+          "51%, 100%": {
+            opacity: "1",
+          },
+        },
         slideInLeft: {
@@ -504,3 +555,3 @@ "0%": {
             transformOrigin: "0% 0%",
-          }
+          },
         },
@@ -515,3 +566,3 @@ scaleOutXLeft: {
             transformOrigin: "0% 0%",
-          }
+          },
         },
@@ -526,3 +577,3 @@ scaleInXRight: {
             transformOrigin: "100% 100%",
-          }
+          },
         },
@@ -537,3 +588,3 @@ scaleOutXRight: {
             transformOrigin: "100% 100%",
-          }
+          },
         },
@@ -540,0 +591,0 @@ fireIn: {

No alert changes

Improved metrics

Total package byte prevSize

388407

increased by0.47%

Lines of code

22572

increased by0.36%

No dependency changes