From 1f83abb78626cd4a5e919b49bdd7c53b9d90fc40 Mon Sep 17 00:00:00 2001
From: timotheegoguely <timothee@goguely.com>
Date: Wed, 7 May 2025 16:04:37 +0200
Subject: [PATCH] Move aria-invalid and aria-controls style from Login.vue to
 1.0.global.css

---
 src/assets/css/src/1.0.global.css | 16 ++++++++++++++++
 src/views/Login.vue               | 18 ------------------
 2 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/assets/css/src/1.0.global.css b/src/assets/css/src/1.0.global.css
index 73813b1..d67fe16 100644
--- a/src/assets/css/src/1.0.global.css
+++ b/src/assets/css/src/1.0.global.css
@@ -292,6 +292,22 @@ button {
 .field {
   position: relative;
 }
+[aria-invalid="true"]:focus-visible {
+  outline-color: #ef8d8d;
+}
+button[aria-controls*="password"] {
+  position: absolute;
+  right: var(--space-8);
+  bottom: var(--space-8);
+  max-height: unset;
+  height: 2rem;
+  padding: var(--space-8);
+  border: none;
+}
+button[aria-controls*="password"] > svg {
+  width: 1rem;
+  height: 1rem;
+}
 
 /* General interactive states */
 
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 71e2a90..a531ce4 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -143,22 +143,4 @@ form::before {
 .error {
   color: #ee6767;
 }
-
-[aria-invalid="true"]:focus-visible {
-  outline-color: #ef8d8d;
-}
-
-[aria-controls="password"] {
-  position: absolute;
-  right: var(--space-8);
-  bottom: var(--space-8);
-  max-height: unset;
-  height: 2rem;
-  padding: var(--space-8);
-  border: none;
-}
-[aria-controls="password"] > svg {
-  width: 1rem;
-  height: 1rem;
-}
 </style>