From abdecb2f69ab2c623d0a57de1f38b8b89520396e Mon Sep 17 00:00:00 2001 From: david-swift Date: Tue, 4 Mar 2025 17:53:51 +0100 Subject: [PATCH] Remove mods that are useless after #1 --- config.toml | 2 - content/mods/index.md | 115 --------------------------- sass/mods/_classic-article-list.scss | 45 ----------- sass/mods/_classic-nav.scss | 33 -------- sass/mods/_modern-headings.scss | 13 --- 5 files changed, 208 deletions(-) delete mode 100644 content/mods/index.md delete mode 100644 sass/mods/_classic-article-list.scss delete mode 100644 sass/mods/_classic-nav.scss delete mode 100644 sass/mods/_modern-headings.scss diff --git a/config.toml b/config.toml index 029407c..5b16f8f 100644 --- a/config.toml +++ b/config.toml @@ -132,7 +132,6 @@ show_repo = true links = [ { url = "@/blog/_index.md", name = "Blog" }, { url = "@/demo/index.md", name = "Demo" }, - { url = "@/mods/index.md", name = "Mods" }, { url = "https://daudix.one/coffee/", name = "Coffee" } ] @@ -142,7 +141,6 @@ links = [ links = [ { url = "@/blog/_index.md", name = "Blog" }, { url = "@/demo/index.md", name = "Demo" }, - { url = "@/mods/index.md", name = "Mods" }, { url = "https://daudix.one/coffee/", name = "Coffee" } ] # Social links in the footer. diff --git a/content/mods/index.md b/content/mods/index.md deleted file mode 100644 index 30436bc..0000000 --- a/content/mods/index.md +++ /dev/null @@ -1,115 +0,0 @@ -+++ -title = "Mods" -[extra] -toc = true -+++ - -Mods enhance/change some Duckquill visuals. They are updated alongside Duckquill to ensure that you don't need to manually update them every release. - -To enable these mods, you need to paste provided Sass to [appropriate file](@/_index.md#custom-styles), e.g `sass/mods.scss` under your website, then enable it in `config.toml`: - -```toml -[extra] -styles = ["mods.css"] -``` - -## Background Image - -Want to set some nice image as a background? We got you covered: - -![background image](https://files.catbox.moe/no8vfc.png) - -```scss -body { - background-image: var(--bg-overlay), url("https://images.unsplash.com/photo-1523712999610-f77fbcfc3843"); - background-position: center; - background-size: cover; - background-attachment: fixed; -} -``` - -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: - -```scss -@import "../themes/duckquill/sass/_variables.scss"; - -@include theme-variables using ($theme) { - @if $theme == "dark" { - --bg-overlay: linear-gradient(rgb(0 0 0 / 0.9), rgb(0 0 0 / 0.9)); - } - - @else { - --bg-overlay: linear-gradient(rgb(255 255 255 / 0.8), rgb(255 255 255 / 0.8)); - } -} -``` - -## 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/yf5feo.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: - -![classic navabr](https://files.catbox.moe/ga4dmv.png) - -```scss -@use "../themes/duckquill/sass/mods/classic-nav"; -``` - -Or you can make it sticked to top but not full-width with the `sticked-nav` mod: - -{% alert(note=true) %} -Not compatible with the `classic-nav` mod. -{% end %} - -![sticked navabr](https://files.catbox.moe/bfu3p7.png) - -```scss -@use "../themes/duckquill/sass/mods/sticked-nav"; -``` - -## Classic Strikethrough - -The default strikethrough style is too much? It can be fixed using the `classic-del` mod: - -![plain strikethrough](https://files.catbox.moe/y2tbwm.png) - -```scss -@use "../themes/duckquill/sass/mods/classic-del"; -``` - -## Modern Headings - -Default headings might not fit your taste, that's understandable. They can be ~~made boring~~ fixed with the `modern-headings` mod: - -![boring headings](https://files.catbox.moe/6ok740.png) - -```scss -@use "../themes/duckquill/sass/mods/modern-headings"; -``` - -## Modern Horizontal Rule - -Don't like that fancy horizontal rule? Make it more modern with the `modern-hr` mod: - -![modern horizontal rule](https://files.catbox.moe/qyqzoy.png) - -```scss -@use "../themes/duckquill/sass/mods/modern-hr"; -``` - -## No Edge Highlight - -Hate the skeuomorphic edge highlight on all semi-transparent elements? Let's get rid of it using the `no-edge-highlight` mod: - -```scss -@use "../themes/duckquill/sass/mods/no-edge-highlight"; -``` diff --git a/sass/mods/_classic-article-list.scss b/sass/mods/_classic-article-list.scss deleted file mode 100644 index d07d812..0000000 --- a/sass/mods/_classic-article-list.scss +++ /dev/null @@ -1,45 +0,0 @@ -#article-list { - gap: 2rem; - - article { - position: relative; - transition: none; - box-shadow: none; - border-radius: 0; - border-block-end: max(1px, 0.0625rem) solid var(--fg-muted-2); - background: none; - padding: 0; - padding-block-end: 1rem; - overflow: visible; - - &:last-of-type { - border-block-end: none; - } - - &: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; - } - } -} diff --git a/sass/mods/_classic-nav.scss b/sass/mods/_classic-nav.scss deleted file mode 100644 index b517c7f..0000000 --- a/sass/mods/_classic-nav.scss +++ /dev/null @@ -1,33 +0,0 @@ -#site-nav { - margin-block-start: 0; - inset-block-start: 0; - border-radius: 0; - width: 100%; - max-width: 100%; - - &::before { - box-shadow: var(--shadow-glass); - border-radius: 0; - } - - nav { - margin: 0 auto; - width: min(var(--container-width), 90%); - } - - nav ul li { - a, - summary, - &#language-switcher details summary { - border-radius: var(--rounded-corner); - } - } - - #home { - margin-inline-end: auto; - } - - .divider { - display: none; - } -} diff --git a/sass/mods/_modern-headings.scss b/sass/mods/_modern-headings.scss deleted file mode 100644 index 13c2ed0..0000000 --- a/sass/mods/_modern-headings.scss +++ /dev/null @@ -1,13 +0,0 @@ -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: bold; - font-family: var(--font-system-ui); -} - -h1 { - font-weight: 900; -}