Replace tricks with mods (fixes #88)

sass/_typography.scss

@@ -8,7 +8,7 @@ h6 {
 	text-wrap: balance;
 	margin: 2rem 0 1rem;
 	font-weight: lighter;
-	line-height: 1;
+	line-height: normal;
 	font-family: var(--font-antique);
 	letter-spacing: -0.05em;
 }

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,39 @@
+#site-nav {
+	margin-block-start: 0;
+	inset-block-start: 0;
+	box-shadow: var(--shadow-glass);
+	border-radius: 0;
+	width: 100%;
+	max-width: 100%;
+
+	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 0 transparent;
+    }
+}

sass/mods/_sticked-nav.scss

@@ -0,0 +1,23 @@
+#site-nav {
+	margin-block-start: 0;
+	inset-block-start: 0;
+	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);
+		}
+	}
+}