From 2ab1951e68090811d3505e0686369d1411ed12ec Mon Sep 17 00:00:00 2001
From: Emi Matchu <emi@matchu.dev>
Date: Fri, 20 Sep 2024 19:26:06 -0700
Subject: [PATCH] Move closet_hangers/petpage stylesheet into its own CSS file

---
 app/assets/stylesheets/application.css.sass   |  1 -
 .../stylesheets/closet_hangers/_petpage.sass  | 58 -------------------
 .../stylesheets/closet_hangers/petpage.sass   | 57 ++++++++++++++++++
 app/views/closet_hangers/petpage.html.haml    |  2 +
 4 files changed, 59 insertions(+), 59 deletions(-)
 delete mode 100644 app/assets/stylesheets/closet_hangers/_petpage.sass
 create mode 100644 app/assets/stylesheets/closet_hangers/petpage.sass

diff --git a/app/assets/stylesheets/application.css.sass b/app/assets/stylesheets/application.css.sass
index 250b14f2..f54fc72c 100644
--- a/app/assets/stylesheets/application.css.sass
+++ b/app/assets/stylesheets/application.css.sass
@@ -10,7 +10,6 @@
 
 @import alt_styles/index
 @import closet_hangers/index
-@import closet_hangers/petpage
 @import closet_lists/form
 @import neopets_page_import_tasks/new
 @import contributions/index
diff --git a/app/assets/stylesheets/closet_hangers/_petpage.sass b/app/assets/stylesheets/closet_hangers/_petpage.sass
deleted file mode 100644
index 5ac413c1..00000000
--- a/app/assets/stylesheets/closet_hangers/_petpage.sass
+++ /dev/null
@@ -1,58 +0,0 @@
-@import "../partials/clean/constants"
-@import "../partials/clean/mixins"
-@import "../partials/secondary_nav"
-
-body.closet_hangers-petpage
-  +secondary-nav
-
-  #intro
-    clear: both
-
-  #petpage-closet-lists
-    +clearfix
-    border-radius: 10px
-    border: 1px solid $soft-border-color
-    margin-bottom: 1.5em
-    padding: .5em 1.5em
-    
-    > div
-      margin: .25em 0
-    
-    h4
-      display: inline-block
-      vertical-align: middle
-      
-      &::after
-        content: ":"
-    
-    ul
-      list-style: none
-      margin: 0
-      padding: 0
-    
-      li
-        display: inline-block
-        font-size: 85%
-        margin: .25em .5em
-        padding: 1px
-        
-        label
-          padding: .25em .75em .25em .25em
-      
-        &.checked
-          background: $module-bg-color
-          border-radius: 3px
-          border: 1px solid $module-border-color
-          padding: 0
-        
-        &.unlisted
-          font-style: italic
-    
-    input[type=submit]
-      float: right
-
-  #petpage-output
-    display: block
-    height: 30em
-    margin: 0 auto
-    width: 50%
diff --git a/app/assets/stylesheets/closet_hangers/petpage.sass b/app/assets/stylesheets/closet_hangers/petpage.sass
new file mode 100644
index 00000000..dfce86ea
--- /dev/null
+++ b/app/assets/stylesheets/closet_hangers/petpage.sass
@@ -0,0 +1,57 @@
+@import "../partials/clean/constants"
+@import "../partials/clean/mixins"
+@import "../partials/secondary_nav"
+
++secondary-nav
+
+#intro
+  clear: both
+
+#petpage-closet-lists
+  +clearfix
+  border-radius: 10px
+  border: 1px solid $soft-border-color
+  margin-bottom: 1.5em
+  padding: .5em 1.5em
+
+  > div
+    margin: .25em 0
+
+  h4
+    display: inline-block
+    vertical-align: middle
+
+    &::after
+      content: ":"
+
+  ul
+    list-style: none
+    margin: 0
+    padding: 0
+
+    li
+      display: inline-block
+      font-size: 85%
+      margin: .25em .5em
+      padding: 1px
+
+      label
+        padding: .25em .75em .25em .25em
+
+      &.checked
+        background: $module-bg-color
+        border-radius: 3px
+        border: 1px solid $module-border-color
+        padding: 0
+
+      &.unlisted
+        font-style: italic
+
+  input[type=submit]
+    float: right
+
+#petpage-output
+  display: block
+  height: 30em
+  margin: 0 auto
+  width: 50%
diff --git a/app/views/closet_hangers/petpage.html.haml b/app/views/closet_hangers/petpage.html.haml
index b546c274..b0baa9e2 100644
--- a/app/views/closet_hangers/petpage.html.haml
+++ b/app/views/closet_hangers/petpage.html.haml
@@ -31,3 +31,5 @@
 
 - content_for :javascripts_body do
   = javascript_include_tag 'jquery', 'closet_hangers/petpage'
+- content_for :stylesheets do
+  = stylesheet_link_tag 'closet_hangers/petpage'