From 8ab17bcd908f2674212c3cb843a43ff168e334ee Mon Sep 17 00:00:00 2001 From: daudix Date: Thu, 5 Sep 2024 19:33:02 +0300 Subject: [PATCH] Remove outdated prefixed CSS properies, re-enable the scrollbar styling --- CHANGELOG.md | 4 +++- sass/_general.scss | 8 +++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index ede6772..22e79a4 100644 --- a/CHANGELOG.md +++ b/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. diff --git a/sass/_general.scss b/sass/_general.scss index 3281b0c..739942f 100644 --- a/sass/_general.scss +++ b/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