reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 19:51:07 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add auto-hide native scrollbar and optimize scrollbar styling

Browse source
This commit is contained in:
radishzzz 2025-05-14 19:01:54 +01:00
parent 41fca8569e
commit 168e231119
7 changed files with 82 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/styles/global.css
View file

@ -5,16 +5,28 @@
}
html {
--at-apply: 'bg-background c-secondary antialiased';
scrollbar-gutter: stable both-edges;
}
::selection {
--at-apply: 'bg-mark';
}
/* Fix Flash Issue On iOS */
body {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
body::selection {
--at-apply: 'bg-mark';
}
body::-webkit-scrollbar {
--at-apply: 'w-1.75';
}
body::-webkit-scrollbar-thumb {
--at-apply: 'rounded-full bg-transparent';
}
body.scrolling::-webkit-scrollbar-thumb {
--at-apply: 'bg-secondary/25';
}
body::-webkit-scrollbar-thumb:hover {
--at-apply: 'bg-secondary/40';
}
/* Highlight Hover Animation */
.highlight-static,