[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
This commit is contained in:
Zoë Bijl
2025-10-11 00:56:58 +02:00
parent 4b4b4b9d38
commit da628d9417
@@ -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;
}