From ee483d0e0ac1a9315b875609ea4fe4017df05e22 Mon Sep 17 00:00:00 2001
From: Lamparter <71598437+Lamparter@users.noreply.github.com>
Date: Fri, 6 Dec 2024 07:52:31 +0000
Subject: [PATCH 1/8] Remove "view full post" button
---
src/routes/blog/posts/+layout.svelte | 17 +----------------
src/styles/pages/blogPost.scss | 1 -
2 files changed, 1 insertion(+), 17 deletions(-)
diff --git a/src/routes/blog/posts/+layout.svelte b/src/routes/blog/posts/+layout.svelte
index 0374e57da..9d56adadf 100644
--- a/src/routes/blog/posts/+layout.svelte
+++ b/src/routes/blog/posts/+layout.svelte
@@ -42,26 +42,11 @@
class="back-button"
href="/blog"
title="Back to Blog"
+ style="margin-inline-start: -48px;"
>
{/if}
- {#if minimal}
-
- (window.location.href = window.location.href.replace(
- "?minimal",
- "",
- ))}
- >
-
-
- {/if}
{title}
diff --git a/src/styles/pages/blogPost.scss b/src/styles/pages/blogPost.scss
index 3645b9b0a..17e48196b 100644
--- a/src/styles/pages/blogPost.scss
+++ b/src/styles/pages/blogPost.scss
@@ -25,7 +25,6 @@
.post- {
&title {
@include flex($align: center, $gap: 12px);
- margin-inline-start: -48px;
h1 {
margin: 0;
From 0ad53944057c7fa1c717ef82680f71444e1133b0 Mon Sep 17 00:00:00 2001
From: Lamparter <71598437+Lamparter@users.noreply.github.com>
Date: Sat, 7 Dec 2024 07:59:20 +0000
Subject: [PATCH 2/8] Attempt 1
---
src/routes/+layout.svelte | 24 +++++++++--
src/styles/_global.scss | 82 --------------------------------------
src/styles/_scrollbar.scss | 81 +++++++++++++++++++++++++++++++++++++
3 files changed, 101 insertions(+), 86 deletions(-)
create mode 100644 src/styles/_scrollbar.scss
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 3a15967bf..66ed35fd2 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -68,6 +68,13 @@
});
});
});
+
+ let minimal = false;
+
+ onMount(() => {
+ const params = new URLSearchParams(window.location.search);
+ minimal = params.has("minimal");
+ });
@@ -124,7 +131,16 @@
-
+{#if !minimal}
+
+{/if}
+{#if minimal}
+
+{/if}
diff --git a/src/styles/_global.scss b/src/styles/_global.scss
index e1c90e5df..f66177e1f 100644
--- a/src/styles/_global.scss
+++ b/src/styles/_global.scss
@@ -142,74 +142,6 @@ code {
}
}
-// Scrollers
-// Utility class to create a styled scroller and scrollbar
-.scroller {
- overflow: auto;
-
- @supports (overflow: overlay) {
- overflow: overlay;
- }
-}
-
-// An attempt at recreating WinUI 2.6 scrollbars
-// (mixed results)
-::-webkit-scrollbar {
- display: block;
- inline-size: 14px;
- border-radius: 14px;
-
- // Why does webkit have to be such a pain to work with sometimes?
- // At least it's not firefox.
- &:vertical {
- @media (prefers-color-scheme: light) {
- --scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 16.9814C5.0281 16.9814 4.45412 15.7165 5.16132 14.9083L10.6831 8.59765C11.3804 7.80083 12.6199 7.80083 13.3172 8.59765L18.839 14.9083C19.5462 15.7165 18.9722 16.9814 17.8983 16.9814H6.10204Z' fill='hsl(0, 0%, 0%, 0.447)'/%3E%3C/svg%3E");
- --scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 8C5.0281 8 4.45412 9.2649 5.16132 10.0731L10.6831 16.3838C11.3804 17.1806 12.6199 17.1806 13.3172 16.3838L18.839 10.0731C19.5462 9.2649 18.9722 8 17.8983 8H6.10204Z' fill='hsl(0, 0%, 0%, 0.447)'/%3E%3C/svg%3E");
- }
-
- @media (prefers-color-scheme: dark) {
- --scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 16.9814C5.0281 16.9814 4.45412 15.7165 5.16132 14.9083L10.6831 8.59765C11.3804 7.80083 12.6199 7.80083 13.3172 8.59765L18.839 14.9083C19.5462 15.7165 18.9722 16.9814 17.8983 16.9814H6.10204Z' fill='hsl(0, 0%, 100%, 0.545)'/%3E%3C/svg%3E");
- --scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 8C5.0281 8 4.45412 9.2649 5.16132 10.0731L10.6831 16.3838C11.3804 17.1806 12.6199 17.1806 13.3172 16.3838L18.839 10.0731C19.5462 9.2649 18.9722 8 17.8983 8H6.10204Z' fill='hsl(0, 0%, 100%, 0.545)'/%3E%3C/svg%3E");
- }
- }
-
- &:horizontal {
- @media (prefers-color-scheme: light) {
- --scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 17.8983C9 18.9722 10.2649 19.5462 11.0731 18.839L17.3838 13.3172C18.1806 12.6199 18.1806 11.3804 17.3838 10.6831L11.0731 5.16132C10.2649 4.45412 9 5.02809 9 6.10204V17.8983Z' fill='hsl(0, 0%, 0%, 0.447)'/%3E%3C/svg%3E");
- --scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 17.8983C15 18.9722 13.7351 19.5462 12.9268 18.839L6.61617 13.3172C5.81935 12.6199 5.81935 11.3804 6.61617 10.6831L12.9268 5.16132C13.7351 4.45412 15 5.02809 15 6.10204L15 17.8983Z' fill='hsl(0, 0%, 100%, 0.545)'/%3E%3C/svg%3E");
- }
-
- @media (prefers-color-scheme: dark) {
- --scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 17.8983C9 18.9722 10.2649 19.5462 11.0731 18.839L17.3838 13.3172C18.1806 12.6199 18.1806 11.3804 17.3838 10.6831L11.0731 5.16132C10.2649 4.45412 9 5.02809 9 6.10204V17.8983Z' fill='hsl(0, 0%, 0%, 0.447)'/%3E%3C/svg%3E");
- --scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 17.8983C15 18.9722 13.7351 19.5462 12.9268 18.839L6.61617 13.3172C5.81935 12.6199 5.81935 11.3804 6.61617 10.6831L12.9268 5.16132C13.7351 4.45412 15 5.02809 15 6.10204L15 17.8983Z' fill='hsl(0, 0%, 100%, 0.545)'/%3E%3C/svg%3E");
- }
- }
-
- &:hover {
- background:
- var(--scrollbar-caret-bottom) bottom center/contain no-repeat,
- var(--scrollbar-caret-top) top center/contain no-repeat,
- hsl(var(--mica-tint), var(--mica-tint-opacity));
- }
-
- &-thumb {
- border: 6px solid transparent;
- border-block: none;
- border-radius: 14px;
- background: var(--fds-control-strong-fill-default);
- background-clip: padding-box;
-
- &:hover {
- border: 4px solid transparent;
- }
- }
-
- &-button:single-button {
- display: block;
- block-size: 14px;
- }
-}
-
// Utility class to create a styled anchor
.hyperlink {
color: var(--fds-accent-text-primary);
@@ -230,17 +162,3 @@ code {
color: var(--fds-accent-text-secondary);
}
}
-
-@keyframes scroll-gradient {
- from {
- background-position: 50% 0;
- }
-
- 50% {
- background-position: 50% 100%;
- }
-
- to {
- background-position: 50% 0;
- }
-}
diff --git a/src/styles/_scrollbar.scss b/src/styles/_scrollbar.scss
new file mode 100644
index 000000000..14c1b59c2
--- /dev/null
+++ b/src/styles/_scrollbar.scss
@@ -0,0 +1,81 @@
+// Scrollers
+// Utility class to create a styled scroller and scrollbar
+.scroller {
+ overflow: auto;
+
+ @supports (overflow: overlay) {
+ overflow: overlay;
+ }
+}
+
+// An attempt at recreating WinUI 2.6 scrollbars
+// (mixed results)
+::-webkit-scrollbar {
+ display: block;
+ inline-size: 14px;
+ border-radius: 14px;
+
+ // Why does webkit have to be such a pain to work with sometimes?
+ // At least it's not firefox.
+ &:vertical {
+ @media (prefers-color-scheme: light) {
+ --scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 16.9814C5.0281 16.9814 4.45412 15.7165 5.16132 14.9083L10.6831 8.59765C11.3804 7.80083 12.6199 7.80083 13.3172 8.59765L18.839 14.9083C19.5462 15.7165 18.9722 16.9814 17.8983 16.9814H6.10204Z' fill='hsl(0, 0%, 0%, 0.447)'/%3E%3C/svg%3E");
+ --scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 8C5.0281 8 4.45412 9.2649 5.16132 10.0731L10.6831 16.3838C11.3804 17.1806 12.6199 17.1806 13.3172 16.3838L18.839 10.0731C19.5462 9.2649 18.9722 8 17.8983 8H6.10204Z' fill='hsl(0, 0%, 0%, 0.447)'/%3E%3C/svg%3E");
+ }
+
+ @media (prefers-color-scheme: dark) {
+ --scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 16.9814C5.0281 16.9814 4.45412 15.7165 5.16132 14.9083L10.6831 8.59765C11.3804 7.80083 12.6199 7.80083 13.3172 8.59765L18.839 14.9083C19.5462 15.7165 18.9722 16.9814 17.8983 16.9814H6.10204Z' fill='hsl(0, 0%, 100%, 0.545)'/%3E%3C/svg%3E");
+ --scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 8C5.0281 8 4.45412 9.2649 5.16132 10.0731L10.6831 16.3838C11.3804 17.1806 12.6199 17.1806 13.3172 16.3838L18.839 10.0731C19.5462 9.2649 18.9722 8 17.8983 8H6.10204Z' fill='hsl(0, 0%, 100%, 0.545)'/%3E%3C/svg%3E");
+ }
+ }
+
+ &:horizontal {
+ @media (prefers-color-scheme: light) {
+ --scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 17.8983C9 18.9722 10.2649 19.5462 11.0731 18.839L17.3838 13.3172C18.1806 12.6199 18.1806 11.3804 17.3838 10.6831L11.0731 5.16132C10.2649 4.45412 9 5.02809 9 6.10204V17.8983Z' fill='hsl(0, 0%, 0%, 0.447)'/%3E%3C/svg%3E");
+ --scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 17.8983C15 18.9722 13.7351 19.5462 12.9268 18.839L6.61617 13.3172C5.81935 12.6199 5.81935 11.3804 6.61617 10.6831L12.9268 5.16132C13.7351 4.45412 15 5.02809 15 6.10204L15 17.8983Z' fill='hsl(0, 0%, 100%, 0.545)'/%3E%3C/svg%3E");
+ }
+
+ @media (prefers-color-scheme: dark) {
+ --scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 17.8983C9 18.9722 10.2649 19.5462 11.0731 18.839L17.3838 13.3172C18.1806 12.6199 18.1806 11.3804 17.3838 10.6831L11.0731 5.16132C10.2649 4.45412 9 5.02809 9 6.10204V17.8983Z' fill='hsl(0, 0%, 0%, 0.447)'/%3E%3C/svg%3E");
+ --scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 17.8983C15 18.9722 13.7351 19.5462 12.9268 18.839L6.61617 13.3172C5.81935 12.6199 5.81935 11.3804 6.61617 10.6831L12.9268 5.16132C13.7351 4.45412 15 5.02809 15 6.10204L15 17.8983Z' fill='hsl(0, 0%, 100%, 0.545)'/%3E%3C/svg%3E");
+ }
+ }
+
+ &:hover {
+ background:
+ var(--scrollbar-caret-bottom) bottom center/contain no-repeat,
+ var(--scrollbar-caret-top) top center/contain no-repeat,
+ hsl(var(--mica-tint), var(--mica-tint-opacity));
+ }
+
+ &-thumb {
+ border: 6px solid transparent;
+ border-block: none;
+ border-radius: 14px;
+ background: var(--fds-control-strong-fill-default);
+ background-clip: padding-box;
+
+ &:hover {
+ border: 4px solid transparent;
+ }
+ }
+
+ &-button:single-button {
+ display: block;
+ block-size: 14px;
+ }
+}
+
+@keyframes scroll-gradient {
+ from {
+ background-position: 50% 0;
+ }
+
+ 50% {
+ background-position: 50% 100%;
+ }
+
+ to {
+ background-position: 50% 0;
+ }
+}
From b613f0998f35b42df94ce9c74fc487f20a965d12 Mon Sep 17 00:00:00 2001
From: Lamparter <71598437+Lamparter@users.noreply.github.com>
Date: Sat, 7 Dec 2024 07:59:38 +0000
Subject: [PATCH 3/8] Attempt 2
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
not working 🫤
---
src/data/minimalism.ts | 8 ++++++++
src/routes/+layout.svelte | 9 ++-------
src/routes/blog/posts/+layout.svelte | 9 +--------
3 files changed, 11 insertions(+), 15 deletions(-)
create mode 100644 src/data/minimalism.ts
diff --git a/src/data/minimalism.ts b/src/data/minimalism.ts
new file mode 100644
index 000000000..99de2da2b
--- /dev/null
+++ b/src/data/minimalism.ts
@@ -0,0 +1,8 @@
+import { onMount } from "svelte";
+
+export let minimal = false;
+
+onMount(() => {
+ const params = new URLSearchParams(window.location.search);
+ minimal = params.has("minimal");
+});
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 66ed35fd2..46aeec514 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -7,6 +7,8 @@
import { links, type NavbarItem } from "$data/links";
import { _ } from "svelte-i18n";
+ import { minimal } from "$data/minimalism";
+
import "fluent-svelte/theme.css";
import Chat from "~icons/fluent/chat-24-regular";
@@ -68,13 +70,6 @@
});
});
});
-
- let minimal = false;
-
- onMount(() => {
- const params = new URLSearchParams(window.location.search);
- minimal = params.has("minimal");
- });
diff --git a/src/routes/blog/posts/+layout.svelte b/src/routes/blog/posts/+layout.svelte
index 9d56adadf..823d59614 100644
--- a/src/routes/blog/posts/+layout.svelte
+++ b/src/routes/blog/posts/+layout.svelte
@@ -1,6 +1,6 @@
Date: Mon, 6 Jan 2025 07:50:37 +0000
Subject: [PATCH 4/8] Discard changes to src/routes/+layout.svelte
---
src/routes/+layout.svelte | 19 ++++---------------
1 file changed, 4 insertions(+), 15 deletions(-)
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 46aeec514..3a15967bf 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -7,8 +7,6 @@
import { links, type NavbarItem } from "$data/links";
import { _ } from "svelte-i18n";
- import { minimal } from "$data/minimalism";
-
import "fluent-svelte/theme.css";
import Chat from "~icons/fluent/chat-24-regular";
@@ -126,16 +124,7 @@
-{#if !minimal}
-
-{/if}
-{#if minimal}
-
-{/if}
+
From e0b1e6ae9f4c6df9e0f880a6014055cd39904d7d Mon Sep 17 00:00:00 2001
From: Lamparter <71598437+Lamparter@users.noreply.github.com>
Date: Mon, 6 Jan 2025 07:50:54 +0000
Subject: [PATCH 5/8] Discard changes to src/styles/_global.scss
---
src/styles/_global.scss | 82 +++++++++++++++++++++++++++++++++++++++++
1 file changed, 82 insertions(+)
diff --git a/src/styles/_global.scss b/src/styles/_global.scss
index f66177e1f..e1c90e5df 100644
--- a/src/styles/_global.scss
+++ b/src/styles/_global.scss
@@ -142,6 +142,74 @@ code {
}
}
+// Scrollers
+// Utility class to create a styled scroller and scrollbar
+.scroller {
+ overflow: auto;
+
+ @supports (overflow: overlay) {
+ overflow: overlay;
+ }
+}
+
+// An attempt at recreating WinUI 2.6 scrollbars
+// (mixed results)
+::-webkit-scrollbar {
+ display: block;
+ inline-size: 14px;
+ border-radius: 14px;
+
+ // Why does webkit have to be such a pain to work with sometimes?
+ // At least it's not firefox.
+ &:vertical {
+ @media (prefers-color-scheme: light) {
+ --scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 16.9814C5.0281 16.9814 4.45412 15.7165 5.16132 14.9083L10.6831 8.59765C11.3804 7.80083 12.6199 7.80083 13.3172 8.59765L18.839 14.9083C19.5462 15.7165 18.9722 16.9814 17.8983 16.9814H6.10204Z' fill='hsl(0, 0%, 0%, 0.447)'/%3E%3C/svg%3E");
+ --scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 8C5.0281 8 4.45412 9.2649 5.16132 10.0731L10.6831 16.3838C11.3804 17.1806 12.6199 17.1806 13.3172 16.3838L18.839 10.0731C19.5462 9.2649 18.9722 8 17.8983 8H6.10204Z' fill='hsl(0, 0%, 0%, 0.447)'/%3E%3C/svg%3E");
+ }
+
+ @media (prefers-color-scheme: dark) {
+ --scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 16.9814C5.0281 16.9814 4.45412 15.7165 5.16132 14.9083L10.6831 8.59765C11.3804 7.80083 12.6199 7.80083 13.3172 8.59765L18.839 14.9083C19.5462 15.7165 18.9722 16.9814 17.8983 16.9814H6.10204Z' fill='hsl(0, 0%, 100%, 0.545)'/%3E%3C/svg%3E");
+ --scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 8C5.0281 8 4.45412 9.2649 5.16132 10.0731L10.6831 16.3838C11.3804 17.1806 12.6199 17.1806 13.3172 16.3838L18.839 10.0731C19.5462 9.2649 18.9722 8 17.8983 8H6.10204Z' fill='hsl(0, 0%, 100%, 0.545)'/%3E%3C/svg%3E");
+ }
+ }
+
+ &:horizontal {
+ @media (prefers-color-scheme: light) {
+ --scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 17.8983C9 18.9722 10.2649 19.5462 11.0731 18.839L17.3838 13.3172C18.1806 12.6199 18.1806 11.3804 17.3838 10.6831L11.0731 5.16132C10.2649 4.45412 9 5.02809 9 6.10204V17.8983Z' fill='hsl(0, 0%, 0%, 0.447)'/%3E%3C/svg%3E");
+ --scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 17.8983C15 18.9722 13.7351 19.5462 12.9268 18.839L6.61617 13.3172C5.81935 12.6199 5.81935 11.3804 6.61617 10.6831L12.9268 5.16132C13.7351 4.45412 15 5.02809 15 6.10204L15 17.8983Z' fill='hsl(0, 0%, 100%, 0.545)'/%3E%3C/svg%3E");
+ }
+
+ @media (prefers-color-scheme: dark) {
+ --scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 17.8983C9 18.9722 10.2649 19.5462 11.0731 18.839L17.3838 13.3172C18.1806 12.6199 18.1806 11.3804 17.3838 10.6831L11.0731 5.16132C10.2649 4.45412 9 5.02809 9 6.10204V17.8983Z' fill='hsl(0, 0%, 0%, 0.447)'/%3E%3C/svg%3E");
+ --scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 17.8983C15 18.9722 13.7351 19.5462 12.9268 18.839L6.61617 13.3172C5.81935 12.6199 5.81935 11.3804 6.61617 10.6831L12.9268 5.16132C13.7351 4.45412 15 5.02809 15 6.10204L15 17.8983Z' fill='hsl(0, 0%, 100%, 0.545)'/%3E%3C/svg%3E");
+ }
+ }
+
+ &:hover {
+ background:
+ var(--scrollbar-caret-bottom) bottom center/contain no-repeat,
+ var(--scrollbar-caret-top) top center/contain no-repeat,
+ hsl(var(--mica-tint), var(--mica-tint-opacity));
+ }
+
+ &-thumb {
+ border: 6px solid transparent;
+ border-block: none;
+ border-radius: 14px;
+ background: var(--fds-control-strong-fill-default);
+ background-clip: padding-box;
+
+ &:hover {
+ border: 4px solid transparent;
+ }
+ }
+
+ &-button:single-button {
+ display: block;
+ block-size: 14px;
+ }
+}
+
// Utility class to create a styled anchor
.hyperlink {
color: var(--fds-accent-text-primary);
@@ -162,3 +230,17 @@ code {
color: var(--fds-accent-text-secondary);
}
}
+
+@keyframes scroll-gradient {
+ from {
+ background-position: 50% 0;
+ }
+
+ 50% {
+ background-position: 50% 100%;
+ }
+
+ to {
+ background-position: 50% 0;
+ }
+}
From 4c10e3e82870c97f8f0a06e6a8abbf3f09b7018b Mon Sep 17 00:00:00 2001
From: Lamparter <71598437+Lamparter@users.noreply.github.com>
Date: Mon, 6 Jan 2025 07:51:10 +0000
Subject: [PATCH 6/8] Delete `src/styles/_scrollbar.scss`
---
src/styles/_scrollbar.scss | 81 --------------------------------------
1 file changed, 81 deletions(-)
delete mode 100644 src/styles/_scrollbar.scss
diff --git a/src/styles/_scrollbar.scss b/src/styles/_scrollbar.scss
deleted file mode 100644
index 14c1b59c2..000000000
--- a/src/styles/_scrollbar.scss
+++ /dev/null
@@ -1,81 +0,0 @@
-// Scrollers
-// Utility class to create a styled scroller and scrollbar
-.scroller {
- overflow: auto;
-
- @supports (overflow: overlay) {
- overflow: overlay;
- }
-}
-
-// An attempt at recreating WinUI 2.6 scrollbars
-// (mixed results)
-::-webkit-scrollbar {
- display: block;
- inline-size: 14px;
- border-radius: 14px;
-
- // Why does webkit have to be such a pain to work with sometimes?
- // At least it's not firefox.
- &:vertical {
- @media (prefers-color-scheme: light) {
- --scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 16.9814C5.0281 16.9814 4.45412 15.7165 5.16132 14.9083L10.6831 8.59765C11.3804 7.80083 12.6199 7.80083 13.3172 8.59765L18.839 14.9083C19.5462 15.7165 18.9722 16.9814 17.8983 16.9814H6.10204Z' fill='hsl(0, 0%, 0%, 0.447)'/%3E%3C/svg%3E");
- --scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 8C5.0281 8 4.45412 9.2649 5.16132 10.0731L10.6831 16.3838C11.3804 17.1806 12.6199 17.1806 13.3172 16.3838L18.839 10.0731C19.5462 9.2649 18.9722 8 17.8983 8H6.10204Z' fill='hsl(0, 0%, 0%, 0.447)'/%3E%3C/svg%3E");
- }
-
- @media (prefers-color-scheme: dark) {
- --scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 16.9814C5.0281 16.9814 4.45412 15.7165 5.16132 14.9083L10.6831 8.59765C11.3804 7.80083 12.6199 7.80083 13.3172 8.59765L18.839 14.9083C19.5462 15.7165 18.9722 16.9814 17.8983 16.9814H6.10204Z' fill='hsl(0, 0%, 100%, 0.545)'/%3E%3C/svg%3E");
- --scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 8C5.0281 8 4.45412 9.2649 5.16132 10.0731L10.6831 16.3838C11.3804 17.1806 12.6199 17.1806 13.3172 16.3838L18.839 10.0731C19.5462 9.2649 18.9722 8 17.8983 8H6.10204Z' fill='hsl(0, 0%, 100%, 0.545)'/%3E%3C/svg%3E");
- }
- }
-
- &:horizontal {
- @media (prefers-color-scheme: light) {
- --scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 17.8983C9 18.9722 10.2649 19.5462 11.0731 18.839L17.3838 13.3172C18.1806 12.6199 18.1806 11.3804 17.3838 10.6831L11.0731 5.16132C10.2649 4.45412 9 5.02809 9 6.10204V17.8983Z' fill='hsl(0, 0%, 0%, 0.447)'/%3E%3C/svg%3E");
- --scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 17.8983C15 18.9722 13.7351 19.5462 12.9268 18.839L6.61617 13.3172C5.81935 12.6199 5.81935 11.3804 6.61617 10.6831L12.9268 5.16132C13.7351 4.45412 15 5.02809 15 6.10204L15 17.8983Z' fill='hsl(0, 0%, 100%, 0.545)'/%3E%3C/svg%3E");
- }
-
- @media (prefers-color-scheme: dark) {
- --scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 17.8983C9 18.9722 10.2649 19.5462 11.0731 18.839L17.3838 13.3172C18.1806 12.6199 18.1806 11.3804 17.3838 10.6831L11.0731 5.16132C10.2649 4.45412 9 5.02809 9 6.10204V17.8983Z' fill='hsl(0, 0%, 0%, 0.447)'/%3E%3C/svg%3E");
- --scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 17.8983C15 18.9722 13.7351 19.5462 12.9268 18.839L6.61617 13.3172C5.81935 12.6199 5.81935 11.3804 6.61617 10.6831L12.9268 5.16132C13.7351 4.45412 15 5.02809 15 6.10204L15 17.8983Z' fill='hsl(0, 0%, 100%, 0.545)'/%3E%3C/svg%3E");
- }
- }
-
- &:hover {
- background:
- var(--scrollbar-caret-bottom) bottom center/contain no-repeat,
- var(--scrollbar-caret-top) top center/contain no-repeat,
- hsl(var(--mica-tint), var(--mica-tint-opacity));
- }
-
- &-thumb {
- border: 6px solid transparent;
- border-block: none;
- border-radius: 14px;
- background: var(--fds-control-strong-fill-default);
- background-clip: padding-box;
-
- &:hover {
- border: 4px solid transparent;
- }
- }
-
- &-button:single-button {
- display: block;
- block-size: 14px;
- }
-}
-
-@keyframes scroll-gradient {
- from {
- background-position: 50% 0;
- }
-
- 50% {
- background-position: 50% 100%;
- }
-
- to {
- background-position: 50% 0;
- }
-}
From 388ee6615072a1d105684d06dff38fc466e1806f Mon Sep 17 00:00:00 2001
From: Lamparter <71598437+Lamparter@users.noreply.github.com>
Date: Mon, 6 Jan 2025 07:51:20 +0000
Subject: [PATCH 7/8] Delete `src/data/minimalism.ts`
---
src/data/minimalism.ts | 8 --------
1 file changed, 8 deletions(-)
delete mode 100644 src/data/minimalism.ts
diff --git a/src/data/minimalism.ts b/src/data/minimalism.ts
deleted file mode 100644
index 99de2da2b..000000000
--- a/src/data/minimalism.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { onMount } from "svelte";
-
-export let minimal = false;
-
-onMount(() => {
- const params = new URLSearchParams(window.location.search);
- minimal = params.has("minimal");
-});
From eeea8a442ca238e0f66fad35f2f774d7f2cdadb4 Mon Sep 17 00:00:00 2001
From: Lamparter <71598437+Lamparter@users.noreply.github.com>
Date: Mon, 6 Jan 2025 07:53:49 +0000
Subject: [PATCH 8/8] Discard changes to `+layouts.svelte` that depended on
`minimalism.ts`
---
src/routes/blog/posts/+layout.svelte | 8 +++++++-
1 file changed, 7 insertions(+), 1 deletion(-)
diff --git a/src/routes/blog/posts/+layout.svelte b/src/routes/blog/posts/+layout.svelte
index 823d59614..01bb028c6 100644
--- a/src/routes/blog/posts/+layout.svelte
+++ b/src/routes/blog/posts/+layout.svelte
@@ -1,6 +1,6 @@