Move 'Reveal Passwords' toggle styles to dedicated file

caleb531 · Dec 18, 2023 · 2d20019 · 2d20019
1 parent 6e6c4ff
commit 2d20019
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 20 deletions.
diff --git 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
@@ -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
@@ -2,5 +2,6 @@
 @import 'fonts';
 @import 'app';
 @import 'form';
+@import 'reveal-passwords-toggle';
 @import 'password';
 @import 'match-status';