From 3b2b1ab05f0956a1e94eb6181ea5e41caf6b25e8 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 30 Sep 2022 12:27:52 -0500
Subject: [PATCH] Move .instance-description to css file

---
 app/soapbox/features/landing_page/index.tsx     |  2 ++
 .../landing_page/instance-description.css       | 14 ++++++++++++++
 app/styles/basics.scss                          | 17 -----------------
 3 files changed, 16 insertions(+), 17 deletions(-)
 create mode 100644 app/soapbox/features/landing_page/instance-description.css

diff --git a/app/soapbox/features/landing_page/index.tsx b/app/soapbox/features/landing_page/index.tsx
index 76e77bcfa..937e599c8 100644
--- a/app/soapbox/features/landing_page/index.tsx
+++ b/app/soapbox/features/landing_page/index.tsx
@@ -8,6 +8,8 @@ import RegistrationForm from 'soapbox/features/auth_login/components/registratio
 import { useAppDispatch, useAppSelector, useFeatures, useSoapboxConfig } from 'soapbox/hooks';
 import { capitalize } from 'soapbox/utils/strings';
 
+import './instance-description.css';
+
 const LandingPage = () => {
   const dispatch = useAppDispatch();
   const features = useFeatures();
diff --git a/app/soapbox/features/landing_page/instance-description.css b/app/soapbox/features/landing_page/instance-description.css
new file mode 100644
index 000000000..f67097de0
--- /dev/null
+++ b/app/soapbox/features/landing_page/instance-description.css
@@ -0,0 +1,14 @@
+/* Instance HTML from the API. */
+.instance-description a {
+  @apply underline;
+}
+
+.instance-description b,
+.instance-description strong {
+  @apply font-bold;
+}
+
+.instance-description i,
+.instance-description em {
+  @apply italic;
+}
diff --git a/app/styles/basics.scss b/app/styles/basics.scss
index 9384c94f2..9db26912a 100644
--- a/app/styles/basics.scss
+++ b/app/styles/basics.scss
@@ -112,20 +112,3 @@ noscript {
 div[data-viewport-type="window"] {
   position: static !important;
 }
-
-// Instance HTML from the API.
-.instance-description {
-  a {
-    @apply underline;
-  }
-
-  b,
-  strong {
-    @apply font-bold;
-  }
-
-  i,
-  em {
-    @apply italic;
-  }
-}