From 4bd3d6764bfd48c881d9722825309ddb5956c758 Mon Sep 17 00:00:00 2001
From: MCMXC <16797721+mcmxcdev@users.noreply.github.com>
Date: Tue, 25 Jul 2023 09:20:43 -0600
Subject: style: reformat all files properly

- remove .json from .eslintignore
- add type intellisense to .prettierrc.js
- install missing @jest/types which is used in jest.config.js
- split up typecheck and lint into two separate commands
- remove --require-pragma flag from reformat-files which leads to unformatted files
- install suggested @types/prop-types and @types/react-loader dependencies
- add @ts-expect-error to Loader usages
- reformat all scss files automatically with reformat-files command
---
 src/styles/auth.scss | 67 +++++++++++++++++++++++++++++++++++-----------------
 1 file changed, 45 insertions(+), 22 deletions(-)

(limited to 'src/styles/auth.scss')

diff --git a/src/styles/auth.scss b/src/styles/auth.scss
index 53c03a40a..448b8c2b3 100644
--- a/src/styles/auth.scss
+++ b/src/styles/auth.scss
@@ -5,18 +5,20 @@
 
   .auth__container {
     background: $dark-theme-gray-darker;
-    box-shadow: 0 0 50px rgba($dark-theme-black, .2);
+    box-shadow: 0 0 50px rgba($dark-theme-black, 0.2);
   }
 
   .auth__logo.auth__logo--sm {
     border: none;
-    box-shadow: 0 0 6px rgba($dark-theme-black, .5);
+    box-shadow: 0 0 6px rgba($dark-theme-black, 0.5);
   }
 
   .auth__links {
     background: $dark-theme-gray-dark;
 
-    a { color: $dark-theme-text-color; }
+    a {
+      color: $dark-theme-text-color;
+    }
   }
 
   .welcome__featured-services {
@@ -26,7 +28,9 @@
   .legal {
     color: $dark-theme-text-color;
 
-    a { color: $dark-theme-gray-lightest; }
+    a {
+      color: $dark-theme-gray-lightest;
+    }
   }
 
   .locked__or_line {
@@ -53,14 +57,16 @@
   }
 
   .auth__container {
-    background: #FFF;
+    background: #fff;
     border-radius: $theme-border-radius;
     height: auto;
     margin: 40px auto 0;
     position: relative;
     width: 350px;
 
-    &.auth__container--signup { width: 450px; }
+    &.auth__container--signup {
+      width: 450px;
+    }
 
     &.auth__container--releasenotes {
       width: 90%;
@@ -77,16 +83,18 @@
     width: 150px;
 
     &.auth__logo--sm {
-      border: 4px solid #FFF;
+      border: 4px solid #fff;
       border-radius: 100%;
-      box-shadow: 0 0 6px rgba(black, .5);
+      box-shadow: 0 0 6px rgba(black, 0.5);
     }
   }
 
   .auth__form {
     padding: 20px;
 
-    h1 { text-align: center; }
+    h1 {
+      text-align: center;
+    }
   }
 
   .auth__button {
@@ -138,11 +146,11 @@
     margin-bottom: 20px;
 
     &:after {
-        background: #FFF;
-        content: 'or';
-        padding: 0 10px;
-        position: relative;
-        top: -9px;
+      background: #fff;
+      content: 'or';
+      padding: 0 10px;
+      position: relative;
+      top: -9px;
     }
   }
 
@@ -158,7 +166,9 @@
       margin-bottom: 8px;
       text-align: center;
 
-      &:last-of-type { margin-bottom: 0; }
+      &:last-of-type {
+        margin-bottom: 0;
+      }
     }
   }
 
@@ -175,24 +185,37 @@
     position: absolute;
     right: 25px;
 
-    img { width: 65px; }
+    img {
+      width: 65px;
+    }
   }
 
-  .auth__letter { margin-bottom: 30px; text-align: left; }
-  .scroll-container { z-index: 10; }
-  .info-bar { position: absolute; }
+  .auth__letter {
+    margin-bottom: 30px;
+    text-align: left;
+  }
+  .scroll-container {
+    z-index: 10;
+  }
+  .info-bar {
+    position: absolute;
+  }
 
   &__scroll-container {
     width: 100%;
     height: fit-content;
   }
 
-  .available-services { margin-bottom: 15px; }
+  .available-services {
+    margin-bottom: 15px;
+  }
 
   .unavailable-services {
     margin: 15px 0;
 
-    p { text-transform: capitalize; }
+    p {
+      text-transform: capitalize;
+    }
   }
 
   .legal {
@@ -220,7 +243,7 @@
   height: fit-content;
 
   &-item__secondary {
-    padding-left: 5px
+    padding-left: 5px;
   }
 }
 
-- 
cgit v1.2.3-70-g09d2