bid_main/static/bid_main/styles/_auth.sass

@@ -1,5 +1,5 @@
 body.is-auth-page
-  --btn-accent-box-shadow: 0px 4px 10px rgba(0,82,255,.2), 1px 10px 25px rgba(0,82,255,.1)
+  --btn-accent-box-shadow: 0px var(--spacer-1) var(--spacer-2) rgba(0,82,255,.2), .1rem var(--spacer-2) var(--spacer-4) rgba(0,82,255,.1)
 
   .container-main
     align-items: center
@@ -9,14 +9,14 @@ body.is-auth-page
     justify-content: center
 
   .box
-    backdrop-filter: blur(25px)
+    backdrop-filter: blur(var(--spacer-4))
     background-color: rgba(white, .66)
-    box-shadow: 0 15px 50px rgba(black, .15)
-    margin-bottom: 6rem
-    padding: 2rem
+    box-shadow: 0 var(--spacer) var(--spacer-5) rgba(black, .15)
+    margin-bottom: var(--spacer-1)
+    padding: var(--spacer)
 
     .btn-accent
-      padding-block: .33rem
+      padding-block: .2rem
 
     input.form-control
       border-color: transparent
@@ -26,8 +26,8 @@ body.is-auth-page
         border-color: var(--color-accent)
 
   .blender-logo
-    filter: drop-shadow(2px 0px 15px rgba(0,0,0,0.15))
-    margin: 1rem auto
+    filter: drop-shadow(.2rem 0 var(--spacer) rgba(0,0,0,0.15))
+    margin: var(--spacer-2) auto
     z-index: 1
 
   form
@@ -65,7 +65,7 @@ body.is-auth-page
 .auth-notes
   background-color: rgba(black, .05)
   border-bottom-right-radius: var(--border-radius)
-  border-left: 4px solid rgba(black, .2)
+  border-left: var(--spacer-1) solid rgba(black, .2)
   border-top-right-radius: var(--border-radius)
   +margin(3, top)
   +padding(3, left)