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/news-index.css | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 public/css/modules/news-index.css (limited to 'public/css/modules/news-index.css') 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