Pulls out news-index module

3 files changed, 28 insertions, 28 deletions

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;