From 270b27c1d2372139ac9a8da5349dcc4716153474 Mon Sep 17 00:00:00 2001
From: Emi Matchu <emi@matchu.dev>
Date: Wed, 20 Nov 2024 11:16:46 -0800
Subject: [PATCH] Extract alt style form CSS into a new "support-form" class

Gonna use this for item editing too, I think!
---
 app/assets/stylesheets/alt_styles/edit.sass   | 51 -------------------
 .../stylesheets/application/support_form.sass | 50 ++++++++++++++++++
 2 files changed, 50 insertions(+), 51 deletions(-)
 create mode 100644 app/assets/stylesheets/application/support_form.sass

diff --git a/app/assets/stylesheets/alt_styles/edit.sass b/app/assets/stylesheets/alt_styles/edit.sass
index d1398948..c43dee80 100644
--- a/app/assets/stylesheets/alt_styles/edit.sass
+++ b/app/assets/stylesheets/alt_styles/edit.sass
@@ -2,54 +2,3 @@
 	width: 300px
 	height: 300px
 	margin: 0 auto
-
-.alt-style-form
-	display: flex
-	flex-direction: column
-	gap: 1em
-	align-items: flex-start
-
-	fieldset
-		width: 100%
-		display: grid
-		grid-template-columns: auto 1fr
-		align-items: center
-		gap: 1em
-
-		> *:nth-child(2n)
-			width: 40rch
-			max-width: 100%
-			box-sizing: border-box
-
-		input[type=url]
-			font-size: .85em
-
-		label
-			font-weight: bold
-
-	.thumbnail-field
-		display: flex
-		align-items: center
-		gap: .25em
-
-		img
-			width: 40px
-			height: 40px
-
-		input
-			flex: 1 0 20ch
-
-	.field_with_errors
-		display: contents
-
-	.actions
-		display: flex
-		align-items: center
-		gap: 1em
-
-		label
-			display: flex
-			align-items: center
-			gap: .25em
-			font-size: .85em
-			font-style: italic
diff --git a/app/assets/stylesheets/application/support_form.sass b/app/assets/stylesheets/application/support_form.sass
new file mode 100644
index 00000000..0db2bd0e
--- /dev/null
+++ b/app/assets/stylesheets/application/support_form.sass
@@ -0,0 +1,50 @@
+.support-form
+	display: flex
+	flex-direction: column
+	gap: 1em
+	align-items: flex-start
+
+	fieldset
+		width: 100%
+		display: grid
+		grid-template-columns: auto 1fr
+		align-items: center
+		gap: 1em
+
+		> *:nth-child(2n)
+			width: 40rch
+			max-width: 100%
+			box-sizing: border-box
+
+		input[type=url]
+			font-size: .85em
+
+		label
+			font-weight: bold
+
+	.thumbnail-field
+		display: flex
+		align-items: center
+		gap: .25em
+
+		img
+			width: 40px
+			height: 40px
+
+		input
+			flex: 1 0 20ch
+
+	.field_with_errors
+		display: contents
+
+	.actions
+		display: flex
+		align-items: center
+		gap: 1em
+
+		label
+			display: flex
+			align-items: center
+			gap: .25em
+			font-size: .85em
+			font-style: italic