npm run format

src/assets/scss/_variables.scss

@@ -2,10 +2,10 @@
 $white: #fff;
 $black: #000;
 $purple: #4741e6;
-$lilac: #7B76FF;
+$lilac: #7b76ff;
 $light-blue: #00c2ff;
 $red: #ff0000;
 $gray: #7f7f7f;
 $gray-2: #696969;
 $dark-gray: #454545;
-$light-gray: #b1b2b5;
+$light-gray: #b1b2b5;

src/assets/scss/login.scss

@@ -96,10 +96,17 @@
   text-align: center;
   font-size: 3rem;
   color: $white;
-  text-shadow: -1px -1px 0 $gray, 1px -1px 0 $gray, -1px 1px 0 $gray, 1px 1px 0 $gray;
+  text-shadow:
+    -1px -1px 0 $gray,
+    1px -1px 0 $gray,
+    -1px 1px 0 $gray,
+    1px 1px 0 $gray;
 }
 
-p, a, li, label {
+p,
+a,
+li,
+label {
   font-family: Arial, sans-serif;
   color: $white;
 }
@@ -111,4 +118,4 @@ button {
 
 a {
   text-decoration: none;
-}
+}

src/assets/scss/main.scss

@@ -1,27 +1,32 @@
-@import "@/assets/scss/_variables";
+@import '@/assets/scss/_variables';
 
 // Fonts
 @font-face {
-    font-family: GentiumPlus;
-    src: url('@/assets/fonts/Gentium_plus.ttf');
+  font-family: GentiumPlus;
+  src: url('@/assets/fonts/Gentium_plus.ttf');
 }
 
 body {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-    background: $black;
-    margin: 0;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+  background: $black;
+  margin: 0;
 
-    // Disable selection, might wanna comment when debugging
-    -webkit-user-select: none; /* Safari */
-    -ms-user-select: none; /* IE 10 and IE 11 */
-    user-select: none; /* Standard syntax */
+  // Disable selection, might wanna comment when debugging
+  -webkit-user-select: none; /* Safari */
+  -ms-user-select: none; /* IE 10 and IE 11 */
+  user-select: none; /* Standard syntax */
 }
 
-h1, h2, h3, h4, h5, h6 {
-    font-family: GentiumPlus, serif;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: GentiumPlus, serif;
 }
 
 ::-webkit-scrollbar {
-    display: none;
-}
+  display: none;
+}