From ee1e1a1997ee5b115d23299eaead0c929f691202 Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Mon, 14 Oct 2024 05:43:18 +0300
Subject: [PATCH] Mod for bringing back the legacy article list

---
 content/mods/index.md                | 10 +++++++
 sass/_article-list.scss              |  1 -
 sass/mods/_classic-article-list.scss | 39 ++++++++++++++++++++++++++++
 3 files changed, 49 insertions(+), 1 deletion(-)
 create mode 100644 sass/mods/_classic-article-list.scss

diff --git a/content/mods/index.md b/content/mods/index.md
index d78b694..a459126 100644
--- a/content/mods/index.md
+++ b/content/mods/index.md
@@ -42,6 +42,16 @@ body {
 
 Most of the time contrast should be okay, but what if it's not? Simply adjust the opacity of `--bg-overlay` based on your needs.
 
+## Classic Article List
+
+Prefer the less fancy look of the article list used in Duckquill some time ago (to some extent)? It can be done with the `classic-article-list` mod:
+
+![classic article list](https://files.catbox.moe/bktey7.png)
+
+```scss
+@use "../themes/duckquill/sass/mods/classic-article-list";
+```
+
 ## Classic Navbar
 
 You can make navbar have more traditional look by using the `classic-nav` mod:
diff --git a/sass/_article-list.scss b/sass/_article-list.scss
index 71546e9..df4dc10 100644
--- a/sass/_article-list.scss
+++ b/sass/_article-list.scss
@@ -59,7 +59,6 @@
 		}
 
 		h3 {
-			mix-blend-mode: invert;
 			margin: 0;
 			color: var(--accent-color);
 			font-weight: bold;
diff --git a/sass/mods/_classic-article-list.scss b/sass/mods/_classic-article-list.scss
new file mode 100644
index 0000000..5916ce9
--- /dev/null
+++ b/sass/mods/_classic-article-list.scss
@@ -0,0 +1,39 @@
+#article-list {
+	gap: 2rem;
+
+	article {
+		position: relative;
+		transition: none;
+		box-shadow: none;
+		border-radius: 0;
+		background: none;
+		padding: 0;
+		overflow: visible;
+
+		&:active {
+			transform: none;
+		}
+
+		& > a {
+			border-radius: 0;
+		}
+
+		&.draft,
+		&.archive,
+		&.featured,
+		&.hot,
+		&.poor {
+			background-color: transparent;
+
+			&::before {
+				display: none;
+			}
+		}
+
+		.details {
+			margin-block-start: 0;
+			border-block-start: none;
+			padding-block-start: 0;
+		}
+	}
+}