eslint config updated

Author: nirnejak

eslint.config.js

@@ -61,6 +61,7 @@ export default tseslint.config(
   {
     rules: {
       "@typescript-eslint/no-magic-numbers": "off",
+      "eslint-comments/require-description": "off",
     },
   },
 

styles/main.css

@@ -21,92 +21,93 @@
   --font-sans: var(--sans-font);
   --font-mono: var(--mono-font);
 
-  @keyframes marquee {
-    from {
-      transform: translateX(0%);
-    }
-    to {
-      transform: translateX(-50%);
-    }
-  }
+  --animate-swing: swing 1s infinite ease-in-out alternate;
   --animate-marquee: marquee 25s linear infinite;
+  --animate-fade-in: fadeIn 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  --animate-scale: scale 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  --animate-rise: rise 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  --animate-shake: shake 150ms cubic-bezier(0.4, 0, 0.2, 1);
+}
 
-  @keyframes fadeIn {
-    from {
-      opacity: 0;
-    }
-    to {
-      opacity: 1;
-    }
+@keyframes marquee {
+  from {
+    transform: translateX(0%);
   }
-  --animate-fade-in: fadeIn 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  to {
+    transform: translateX(-50%);
+  }
+}
 
-  @keyframes swing {
-    from {
-      transform: rotate(3deg);
-    }
-    to {
-      transform: rotate(-3deg);
-    }
+@keyframes fadeIn {
+  from {
+    opacity: 0;
   }
-  --animate-swing: swing 1s infinite ease-in-out alternate;
+  to {
+    opacity: 1;
+  }
+}
 
-  @keyframes scale {
-    from {
-      opacity: 0;
-      transform: scale(0);
-    }
-    to {
-      opacity: 1;
-      transform: scale(1);
-    }
+@keyframes swing {
+  from {
+    transform: rotate(3deg);
   }
-  --animate-scale: scale 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  to {
+    transform: rotate(-3deg);
+  }
+}
 
-  @keyframes rise {
-    from {
-      transform: translate(0, 20%) scale(0.8);
-    }
-    to {
-      transform: translate(0, 0) scale(1);
-    }
+@keyframes scale {
+  from {
+    opacity: 0;
+    transform: scale(0);
   }
-  --animate-rise: rise 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
 
-  @keyframes shake {
-    0% {
-      transform: translate(1px, 1px) rotate(0deg);
-    }
-    10% {
-      transform: translate(-1px, -2px) rotate(-1deg);
-    }
-    20% {
-      transform: translate(-3px, 0px) rotate(1deg);
-    }
-    30% {
-      transform: translate(3px, 2px) rotate(0deg);
-    }
-    40% {
-      transform: translate(1px, -1px) rotate(1deg);
-    }
-    50% {
-      transform: translate(-1px, 2px) rotate(-1deg);
-    }
-    60% {
-      transform: translate(-3px, 1px) rotate(0deg);
-    }
-    70% {
-      transform: translate(3px, 1px) rotate(-1deg);
-    }
-    80% {
-      transform: translate(-1px, -1px) rotate(1deg);
-    }
-    90% {
-      transform: translate(1px, 2px) rotate(0deg);
-    }
-    100% {
-      transform: translate(1px, -2px) rotate(-1deg);
-    }
+@keyframes rise {
+  from {
+    transform: translate(0, 20%) scale(0.8);
+  }
+  to {
+    transform: translate(0, 0) scale(1);
+  }
+}
+
+@keyframes shake {
+  0% {
+    transform: translate(1px, 1px) rotate(0deg);
+  }
+  10% {
+    transform: translate(-1px, -2px) rotate(-1deg);
+  }
+  20% {
+    transform: translate(-3px, 0px) rotate(1deg);
+  }
+  30% {
+    transform: translate(3px, 2px) rotate(0deg);
+  }
+  40% {
+    transform: translate(1px, -1px) rotate(1deg);
+  }
+  50% {
+    transform: translate(-1px, 2px) rotate(-1deg);
+  }
+  60% {
+    transform: translate(-3px, 1px) rotate(0deg);
+  }
+  70% {
+    transform: translate(3px, 1px) rotate(-1deg);
+  }
+  80% {
+    transform: translate(-1px, -1px) rotate(1deg);
+  }
+  90% {
+    transform: translate(1px, 2px) rotate(0deg);
+  }
+  100% {
+    transform: translate(1px, -2px) rotate(-1deg);
   }
-  --animate-shake: shake 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }