hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
daudix
2024-09-05 19:33:02 +03:00
parent 0ac11f76a1
commit 8ab17bcd90
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
CHANGELOG.md
View File

@ -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 loading animation to "Load Comments" button.
- Add special `switch` class for checkboxes (#70). - Add special `switch` class for checkboxes (#70).
- Add zoom-on-hover to custom comment emojis. - Add zoom-on-hover to custom comment emojis.
- Style mentions and hashtags. - Return the scrollbar styling.
- Style mentions and hashtags in comments.
### Changed ### 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. - **[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 margin between comment author name and timestamp.
- Add missing edge highlight to active footer navbar links. - Add missing edge highlight to active footer navbar links.
- Allow overriding the `body` block of `base.html.
- Make comment timestamp more subtle. - Make comment timestamp more subtle.
- Make the copy button inactive after it is pressed until the animation is complete. - Make the copy button inactive after it is pressed until the animation is complete.
- Reduce the target heading transition time. - Reduce the target heading transition time.

8
sass/_general.scss
View File

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