Remove outdated prefixed CSS properies, re-enable the scrollbar styling

CHANGELOG.md

@@ -19,7 +19,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Add loading animation to "Load Comments" button.
 - Add special `switch` class for checkboxes (#70).
 - Add zoom-on-hover to custom comment emojis.
-- Style mentions and hashtags.
+- Return the scrollbar styling.
+- Style mentions and hashtags in comments.
 
 ### Changed
 
@@ -27,6 +28,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - **[BREAKING]** Change the way `--bg-color` works. See [Tricks](https://duckquill.daudix.one/tricks/#background-image) page to see how to make background images work.
 - Add margin between comment author name and timestamp.
 - Add missing edge highlight to active footer navbar links.
+- Allow overriding the `body` block of `base.html.
 - Make comment timestamp more subtle.
 - Make the copy button inactive after it is pressed until the animation is complete.
 - Reduce the target heading transition time.

sass/_general.scss

@@ -6,18 +6,14 @@
 // }
 
 * {
-	-moz-box-sizing: border-box;
-	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
 }
 
 :root {
-	text-wrap: pretty;
 	scroll-behavior: smooth;
-	// scrollbar-color: var(--primary-color) transparent;
+	scrollbar-color: var(--primary-color) transparent;
 	accent-color: var(--primary-color);
 	font-size: 16px;
-	overflow-wrap: break-word;
 
 	// Smaller font size on mobile
 	// @media only screen and (max-width: 480px) {
@@ -30,6 +26,7 @@
 }
 
 body {
+	text-wrap: pretty;
 	display: grid; // Put footer at the bottom for short pages, such as the 404
 	grid-template-rows: auto minmax(auto, 1fr) auto; // Header, stuff, footer
 	margin: 0;
@@ -38,6 +35,7 @@ body {
 	color: var(--fg-color);
 	line-height: 1.6;
 	font-family: var(--font-system-ui), var(--font-emoji);
+	overflow-wrap: break-word;
 }
 
 // Style text selection to use primary color