From da628d94171219656959a3c1f034972dc52349ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Zoe=CC=88=20Bijl?= <code@moiety.me>
Date: Sat, 11 Oct 2025 00:56:58 +0200
Subject: [PATCH] [chore] update login.scss for Dart Sass 2.0.0

https://sass-lang.com/documentation/breaking-changes/import/
https://sass-lang.com/documentation/breaking-changes/color-functions/

# Conflicts:
#	app/javascript/flavours/glitch/styles/login.scss
---
 app/javascript/flavours/glitch/styles/login.scss | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/javascript/flavours/glitch/styles/login.scss b/app/javascript/flavours/glitch/styles/login.scss
index 3798aff4d..449bbc655 100644
--- a/app/javascript/flavours/glitch/styles/login.scss
+++ b/app/javascript/flavours/glitch/styles/login.scss
@@ -1,5 +1,6 @@
-@import "styles/fonts/roboto";
-@import "reset";
+@use 'sass:color';
+@use 'styles/fonts/roboto';
+@use 'reset';
 
 :root {
     --color-bg: #191b22;
@@ -70,7 +71,7 @@ button:focus-visible {
 
 button {
     padding: 7px 10px;
-    border: 1px solid lighten(#66befe, 7%);
+    border: 1px solid color.scale(#66befe, $lightness: 7%);
     border-radius: 4px;
     box-sizing: border-box;
     color: #2a2b2f;
@@ -95,7 +96,7 @@ input[type="text"] {
     display: block;
     margin: 0;
     padding: 15px;
-    border: 1px solid lighten(#282c37, 7%);
+    border: 1px solid color.scale(#282c37, $lightness: 7%);
     border-radius: 4px;
     box-sizing: border-box;
     box-shadow: none;
@@ -109,7 +110,7 @@ input[type="text"] {
 .content {
     padding: 15px;
     border-radius: 4px;
-    border: 1px solid lighten(#39404f, 7%);
+    border: 1px solid color.scale(#39404f, $lightness: 7%);
     color: #fff;
     background-color: #39404f;
 }