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; + } + } +}