chore: add biome for lint and format CSS and JS

nfoert · Oct 5, 2024 · 3abe8af · 3abe8af
1 parent 31c4c31
commit 3abe8af
Show file tree

Hide file tree

Showing 29 changed files with 4,115 additions and 2,784 deletions.
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -1,5 +1,6 @@
 {
   "recommendations": [
-    "charliermarsh.ruff"
+    "charliermarsh.ruff",
+    "biomejs.biome"
   ]
 }
diff --git a/cardie/static/main/authentication.css b/cardie/static/main/authentication.css
@@ -1,87 +1,92 @@
 html {
-    background: rgb(37, 40, 49);
+  background: rgb(37, 40, 49);
 }
 
 #authentication-box {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    translate: -50% -50%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  translate: -50% -50%;
 
-    display: flex;
-    flex-direction: column;
+  display: flex;
+  flex-direction: column;
 
-    z-index: 1;
+  z-index: 1;
 }
 
 #authentication-box-image {
-    width: clamp(30vh, 300px, 30vw);
-    height: auto;
+  width: clamp(30vh, 300px, 30vw);
+  height: auto;
 
-    margin-left: auto;
-    margin-right: auto;
+  margin-left: auto;
+  margin-right: auto;
 
-    cursor: pointer;
-    transition: var(--default-transition);
+  cursor: pointer;
+  transition: var(--default-transition);
 }
 
 #authentication-box-image:hover {
-    scale: 1.05;
+  scale: 1.05;
 }
 
 #signin-box {
-    display: flex;
-    flex-direction: column;
+  display: flex;
+  flex-direction: column;
 
-    align-items: center;
+  align-items: center;
 }
 
 #createaccount-box {
-    display: flex;
-    flex-direction: column;
+  display: flex;
+  flex-direction: column;
 
-    align-items: center;
+  align-items: center;
 }
 
 #authentication-error {
-    opacity: 0;
-    scale: 0.8;
-    transition: var(--default-transition);
+  opacity: 0;
+  scale: 0.8;
+  transition: var(--default-transition);
 }
 
 #authentication-error.show {
-    opacity: 1;
-    scale: 1;
+  opacity: 1;
+  scale: 1;
 }
 
 #blob {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    translate: -50% -50%;
-
-    width: clamp(40vh, 400px, 40vw);
-    height: auto;
-    aspect-ratio: 1;
-    border-radius: 200px;
-    filter: blur(70px);
-
-    z-index: 0;
-
-    background: rgb(61,132,148);
-    background: linear-gradient(120deg, rgb(61, 84, 148) 9%, rgb(62, 34, 139) 47%, rgb(37, 210, 187) 91%); 
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  translate: -50% -50%;
+
+  width: clamp(40vh, 400px, 40vw);
+  height: auto;
+  aspect-ratio: 1;
+  border-radius: 200px;
+  filter: blur(70px);
+
+  z-index: 0;
+
+  background: rgb(61, 132, 148);
+  background: linear-gradient(
+    120deg,
+    rgb(61, 84, 148) 9%,
+    rgb(62, 34, 139) 47%,
+    rgb(37, 210, 187) 91%
+  );
 }
 
 #authentication_privacypolicy {
-    color: var(--default-text-color);
-    font-family: var(--default-font-family);
-    transition: var(--default-transition);
-    text-align: center;
-    cursor: pointer;
-    opacity: 0.8;
+  color: var(--default-text-color);
+  font-family: var(--default-font-family);
+  transition: var(--default-transition);
+  text-align: center;
+  cursor: pointer;
+  opacity: 0.8;
 }
 
 #authentication_privacypolicy:hover {
-    scale: 1.1;
-    opacity: 1;
-}
+  scale: 1.1;
+  opacity: 1;
+}