init

sass/mods/_classic-article-list.scss

@@ -0,0 +1,45 @@
+#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;
+		}
+	}
+}

sass/mods/_classic-del.scss

@@ -0,0 +1,7 @@
+del {
+	box-shadow: none;
+	border-radius: 0;
+	background-color: transparent;
+	padding: 0;
+	color: inherit;
+}

sass/mods/_classic-nav.scss

@@ -0,0 +1,42 @@
+#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,
+	#search-container {
+		margin: 0 auto;
+		width: min(var(--container-width), 90%);
+	}
+
+	nav ul li {
+		a,
+		summary,
+		&#search button,
+		&#language-switcher details summary,
+		&#theme-switcher details summary {
+			border-radius: var(--rounded-corner);
+		}
+	}
+
+	#home {
+		margin-inline-end: auto;
+	}
+
+	.divider {
+		display: none;
+	}
+
+	#search-container {
+		#search-bar {
+			border-radius: var(--rounded-corner);
+		}
+	}
+}

sass/mods/_modern-headings.scss

@@ -0,0 +1,13 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	font-weight: bold;
+	font-family: var(--font-system-ui);
+}
+
+h1 {
+	font-weight: 900;
+}

sass/mods/_modern-hr.scss

@@ -0,0 +1,12 @@
+hr {
+	box-shadow: var(--edge-highlight);
+	border: none;
+	border-radius: 999px;
+	background-color: var(--fg-muted-2);
+	width: 50%;
+	height: 0.25rem;
+
+	&::after {
+		display: none;
+	}
+}

sass/mods/_no-edge-highlight.scss

@@ -0,0 +1,7 @@
+@import "../_variables.scss";
+
+@include theme-variables using ($theme) {
+	@if $theme == "light" {
+		--edge-highlight: 0 0 transparent;
+	}
+}

sass/mods/_sticked-nav.scss

@@ -0,0 +1,28 @@
+#site-nav {
+	margin-block-start: 0;
+	inset-block-start: 0;
+	border-radius: 0 0 calc(var(--rounded-corner) + 0.5rem)
+		calc(var(--rounded-corner) + 0.5rem);
+
+	&::before {
+		box-shadow: var(--shadow-glass);
+		border-radius: 0 0 calc(var(--rounded-corner) + 0.5rem)
+			calc(var(--rounded-corner) + 0.5rem);
+	}
+
+	nav ul li {
+		a,
+		summary,
+		&#search button,
+		&#language-switcher details summary,
+		&#theme-switcher details summary {
+			border-radius: var(--rounded-corner);
+		}
+	}
+
+	#search-container {
+		#search-bar {
+			border-radius: var(--rounded-corner);
+		}
+	}
+}