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

Comparing version 1.0.80 to 1.0.81

package.json

 {
   "name": "@g-loot/css-framework",
-  "version": "1.0.80"
+  "version": "1.0.81"
 }

tailwind.config.js

@@ -12,2 +12,3 @@ function withOpacityValue(variable) {
   mode: "jit",
+  darkMode: "class",
   content: [
@@ -64,4 +65,4 @@ "./pages/*.{js,ts,jsx,tsx,json}",
       "2xl": "1.5rem",
-      "3xl": "1.875rem",
-      "4xl": "2.25rem",
+      "3xl": "1.75rem",
+      "4xl": "2rem",
       "5xl": "3rem",
@@ -85,6 +86,17 @@ "6xl": "3.75rem",
     fontFamily: {
-      headings: ["Podium Sharp", "sans-serif"],
-      body: ["Roboto Condensed", "sans-serif"],
-      icon: ["glooticons", "serif"],
+      headings: ["Stryda", "sans-serif"],
+      body: ["Barlow", "sans-serif"],
+      icon: ["icons", "serif"],
     },
+    borderRadius: {
+      none: "0",
+      sm: "0.25rem",
+      DEFAULT: "0.25rem",
+      md: "0.25rem",
+      lg: "0.25rem",
+      xl: "0.25rem",
+      "2xl": "0.25rem",
+      "3xl": "3rem",
+      full: "9999px",
+    },
     extend: {
@@ -257,4 +269,11 @@ colors: {
         "bounce-bottom": "bounceBottom 1.1s infinite",
+        rotate: "rotate 12s linear infinite",
         floating: "floating 6s cubic-bezier(.45,0,.4,1) infinite",
         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",
+        "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",
       },
@@ -435,2 +454,10 @@ keyframes: {
         },
+        rotate: {
+          0: {
+            transform: "rotate(0)",
+          },
+          "100%": {
+            transform: "rotate(360deg)",
+          },
+        },
         shake: {
@@ -453,2 +480,66 @@ "0%,100%": {
         },
+        scaleInXLeft: {
+          "0%": {
+            transform: "scaleX(0)",
+            transformOrigin: "0% 0%",
+          },
+          "100%": {
+            transform: "scaleX(1)",
+            transformOrigin: "0% 0%",
+          }
+        },
+        scaleOutXLeft: {
+          "0%": {
+            transform: "scaleX(1)",
+            transformOrigin: "0% 0%",
+          },
+          "100%": {
+            transform: "scaleX(0)",
+            transformOrigin: "0% 0%",
+          }
+        },
+        scaleInXRight: {
+          "0%": {
+            transform: "scaleX(0)",
+            transformOrigin: "100% 100%",
+          },
+          "100%": {
+            transform: "scaleX(1)",
+            transformOrigin: "100% 100%",
+          }
+        },
+        scaleOutXRight: {
+          "0%": {
+            transform: "scaleX(1)",
+            transformOrigin: "100% 100%",
+          },
+          "100%": {
+            transform: "scaleX(0)",
+            transformOrigin: "100% 100%",
+          }
+        },
+        fireIn: {
+          "0%": {
+            opacity: "0",
+            transform: "scale(2)",
+            filter: "brightness(1000%)",
+          },
+          "100%": {
+            opacity: "1",
+            transform: "scale(1)",
+            filter: "brightness(100%)",
+          },
+        },
+        fireOut: {
+          "0%": {
+            opacity: "1",
+            transform: "scale(1)",
+            filter: "brightness(100%)",
+          },
+          "100%": {
+            opacity: "0",
+            transform: "scale(2)",
+            filter: "brightness(1000%)",
+          },
+        },
       },
@@ -468,6 +559,6 @@ boxShadow: {
         main: [
-          "0px 0px 10px rgba(19, 240, 148, 0.075)",
-          "0px 0px 3px rgba(19, 240, 148, 0.1)",
-          "0px 0px 1.3px rgba(19, 240, 148, 0.15)",
-          "0px 0px 0.5px rgba(19, 240, 148, 0.3)",
+          "0px 0px 10px rgba(243, 195, 81, 0.075)",
+          "0px 0px 3px rgba(243, 195, 81, 0.1)",
+          "0px 0px 1.3px rgba(243, 195, 81, 0.15)",
+          "0px 0px 0.5px rgba(243, 195, 81, 0.3)",
         ],
@@ -481,12 +572,12 @@ blue: [
         premium: [
-          "0px 0px 10px rgba(251 192 45, 0.125)",
-          "0px 0px 3px rgba(251 192 45, 0.2)",
-          "0px 0px 1.3px rgba(251 192 45, 0.3)",
-          "0px 0px 0.5px rgba(251 192 45, 0.6)",
+          "0px 0px 3px rgba(163 114 255, 0.25)",
+          "0px 0px 6px rgba(163 114 255, 0.5)",
+          "0px 0px 16px rgba(163 114 255, 0.75)",
+          "0px 0px 32px rgba(163 114 255, 1)",
         ],
         "main-lg": [
-          "0px 0px 3px rgba(19, 240, 148, 0.25)",
-          "0px 0px 6px rgba(19, 240, 148, 0.5)",
-          "0px 0px 16px rgba(19, 240, 148, 0.75)",
-          "0px 0px 32px rgba(19, 240, 148, 1)",
+          "0px 0px 3px rgba(243, 195, 81, 0.25)",
+          "0px 0px 6px rgba(243, 195, 81, 0.5)",
+          "0px 0px 16px rgba(243, 195, 81, 0.75)",
+          "0px 0px 32px rgba(243, 195, 81, 1)",
         ],
@@ -496,90 +587,2 @@ },
   },
-  safelist: [
-    "bg-ui-100",
-    "bg-ui-200",
-    "bg-ui-300",
-    "bg-ui-400",
-    "bg-ui-500",
-    "bg-ui-600",
-    "bg-ui-700",
-    "bg-ui-800",
-    "bg-ui-850",
-    "bg-ui-900",
-    "bg-mono-100",
-    "bg-mono-900",
-    "bg-main",
-    "bg-premium-300",
-    "bg-premium-500",
-    "bg-premium-700",
-    "bg-interaction-300",
-    "bg-interaction-500",
-    "bg-interaction-700",
-    "bg-blue-300",
-    "bg-blue-500",
-    "bg-blue-700",
-    "bg-purple-300",
-    "bg-purple-500",
-    "bg-purple-700",
-    "bg-teal-300",
-    "bg-teal-500",
-    "bg-teal-700",
-    "bg-gradient-to-r",
-    "from-teal-500",
-    "to-blue-500",
-    "from-purple-700",
-    "from-purple-500",
-    "bg-attention-300",
-    "bg-attention-500",
-    "bg-attention-700",
-    "bg-success-300",
-    "bg-success-500",
-    "bg-success-700",
-    "bg-info-300",
-    "bg-info-500",
-    "to-info-500",
-    "bg-info-700",
-    "bg-error-300",
-    "bg-error-500",
-    "bg-error-700",
-    "bg-disabled-300",
-    "bg-disabled-500",
-    "bg-disabled-700",
-    "bg-gold-300",
-    "bg-gold-500",
-    "bg-gold-700",
-    "bg-silver-300",
-    "bg-silver-500",
-    "bg-silver-700",
-    "bg-bronze-300",
-    "bg-bronze-500",
-    "bg-bronze-700",
-    "bg-game-apexlegends",
-    "bg-game-csgo",
-    "bg-game-dota2",
-    "bg-game-leagueoflegends",
-    "bg-game-pubg",
-    "bg-game-rocketleague",
-    "bg-game-valorant",
-    "fom-game-apexlegends",
-    "fom-game-csgo",
-    "fom-game-dota2",
-    "fom-game-leagueoflegends",
-    "fom-game-pubg",
-    "fom-game-rocketleague",
-    "fom-game-valorant",
-    "to-game-apexlegends",
-    "to-game-csgo",
-    "to-game-dota2",
-    "to-game-leagueoflegends",
-    "to-game-pubg",
-    "to-game-rocketleague",
-    "to-game-valorant",
-    "text-game-apexlegends",
-    "text-game-csgo",
-    "text-game-dota2",
-    "text-game-leagueoflegends",
-    "text-game-pubg",
-    "text-game-rocketleague",
-    "text-game-valorant",
-  ],
   plugins: [
@@ -589,4 +592,5 @@ function ({ addVariant }) {
       addVariant("child-hover", "& > *:hover");
+      addVariant("sibling", "& + *");
     },
   ],
 };

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

322450

increased by2.14%

Lines of code

18819

increased by3.69%

Worsened metrics

Number of package files

51

decreased by-1.92%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes