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 ++++++++++++++++++++++++++
 2 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 public/css/modules/news-index.css

(limited to 'public/css/modules')

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
-- 
cgit v1.2.3