From 2d200194f8743b9852e8a15a53df7f58caf8ac71 Mon Sep 17 00:00:00 2001
From: Caleb Evans <caleb@calebevans.me>
Date: Mon, 18 Dec 2023 15:05:06 -0800
Subject: [PATCH] Move 'Reveal Passwords' toggle styles to dedicated file

---
 src/styles/_form.scss                    | 20 --------------------
 src/styles/_reveal-passwords-toggle.scss | 19 +++++++++++++++++++
 src/styles/index.scss                    |  1 +
 3 files changed, 20 insertions(+), 20 deletions(-)
 create mode 100644 src/styles/_reveal-passwords-toggle.scss

diff --git a/src/styles/_form.scss b/src/styles/_form.scss
index 85f62d4..b2312b4 100644
--- a/src/styles/_form.scss
+++ b/src/styles/_form.scss
@@ -13,26 +13,6 @@ form {
 	font-size: inherit;
 }
 
-.field[data-field-id='reveal-passwords'] {
-	display: flex;
-	flex-direction: row;
-	justify-content: flex-end;
-	align-items: center;
-	margin-top: var(--font-size-xl);
-	margin-bottom: 5px;
-	label {
-		font-size: var(--font-size-reveal-passwords);
-	}
-}
-
 label {
 	font-size: var(--font-size-password-label);
 }
-
-label[for='reveal-passwords'] {
-	margin-right: 0;
-	font-size: 1rem;
-}
-input#reveal-passwords {
-	margin-right: 0;
-}
diff --git a/src/styles/_reveal-passwords-toggle.scss b/src/styles/_reveal-passwords-toggle.scss
new file mode 100644
index 0000000..f5067c8
--- /dev/null
+++ b/src/styles/_reveal-passwords-toggle.scss
@@ -0,0 +1,19 @@
+.field[data-field-id='reveal-passwords'] {
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-end;
+	align-items: center;
+	margin-top: var(--font-size-xl);
+	margin-bottom: 5px;
+	label {
+		font-size: var(--font-size-reveal-passwords);
+	}
+}
+
+label[for='reveal-passwords'] {
+	margin-right: 0;
+	font-size: 1rem;
+}
+input#reveal-passwords {
+	margin-right: 0;
+}
diff --git a/src/styles/index.scss b/src/styles/index.scss
index ae5151a..2fa01db 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -2,5 +2,6 @@
 @import 'fonts';
 @import 'app';
 @import 'form';
+@import 'reveal-passwords-toggle';
 @import 'password';
 @import 'match-status';