From 5a85c56f760ddcb13ccc185e2f54c6928f7fcd3e Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Fri, 18 Aug 2023 20:58:23 +0100
Subject: Pulls out news-index module

---
 public/css/modules/index.css      |  3 ++-
 public/css/modules/news-index.css | 26 ++++++++++++++++++++++++++
 public/main.css                   | 27 ---------------------------
 3 files changed, 28 insertions(+), 28 deletions(-)
 create mode 100644 public/css/modules/news-index.css

diff --git a/public/css/modules/index.css b/public/css/modules/index.css
index 0a778e1..8766ef5 100644
--- a/public/css/modules/index.css
+++ b/public/css/modules/index.css
@@ -1,2 +1,3 @@
 @import './btn.css';
-@import './link.css';
\ No newline at end of file
+@import './link.css';
+@import './news-index.css';
\ No newline at end of file
diff --git a/public/css/modules/news-index.css b/public/css/modules/news-index.css
new file mode 100644
index 0000000..721d106
--- /dev/null
+++ b/public/css/modules/news-index.css
@@ -0,0 +1,26 @@
+.news-index {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-block-lg);
+}
+
+.news-index__item {
+  display: block;
+  transition: background 100ms;
+  padding-block: var(--spacing-block-md);
+  padding-inline: var(--spacing-inline-sm);
+  margin-block: var(--spacing-block-sm);
+}
+
+.news-index__item:hover {
+  background: var(--background-highlight-color);
+  transition-duration: 300ms;
+}
+
+.news-index__item :first-child {
+  margin-block-start: 0;
+}
+
+.news-index__item :last-child {
+  margin-block-end: 0;
+}
\ No newline at end of file
diff --git a/public/main.css b/public/main.css
index 598ee65..bb313b1 100644
--- a/public/main.css
+++ b/public/main.css
@@ -106,33 +106,6 @@ ol li {
   }
 }
 
-.news-index {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-block-lg);
-}
-
-.news-index__item {
-  display: block;
-  transition: background 100ms;
-  padding-block: var(--spacing-block-md);
-  padding-inline: var(--spacing-inline-sm);
-  margin-block: var(--spacing-block-sm);
-}
-
-.news-index__item:hover {
-  background: var(--background-highlight-color);
-  transition-duration: 300ms;
-}
-
-.news-index__item :first-child {
-  margin-block-start: 0;
-}
-
-.news-index__item :last-child {
-  margin-block-end: 0;
-}
-
 footer {
   padding-block-start: var(--spacing-block-md);
   padding-bottom: 8rem;
-- 
cgit v1.2.3