Git/hugo-theme-wondermod
1
0
Fork 0
mirror of https://github.com/Wonderfall/hugo-WonderMod.git synced 2025-10-30 19:35:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

improve scroll-bar styling

Browse Source 
and fix hidden gist scrollbar
This commit is contained in:
Aditya Telange
2021-01-25 21:04:29 +05:30
parent cd03c69e40
commit 9c50449ce8
3 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
assets/css/post-single.css
View File

@@ -347,9 +347,19 @@ h6:hover .anchor {
} }
.post-content ::-webkit-scrollbar-thumb { .post-content ::-webkit-scrollbar-thumb {
border: 2px solid var(--hljs-bg);
background: rgba(255, 255, 255, 0.32) background: rgba(255, 255, 255, 0.32)
} }
.post-content ::-webkit-scrollbar-thumb:hover { .post-content ::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.64) background: rgba(255, 255, 255, 0.56)
}
.gist ::-webkit-scrollbar-thumb {
border: 2px solid rgb(255, 255, 255);
background: rgba(0, 0, 0, 0.32)
}
.gist ::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.56)
} }

5
assets/css/reset.css
View File

@@ -123,9 +123,14 @@ img {
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background: var(--tertiary); background: var(--tertiary);
border: 5px solid var(--theme);
border-radius: var(--radius) border-radius: var(--radius)
} }
.list:not(.dark)::-webkit-scrollbar-thumb {
border: 5px solid var(--code-bg)
}
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background: var(--secondary) background: var(--secondary)
} }

4
assets/css/zmedia.css
View File

@@ -27,8 +27,8 @@
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
/* reset */ /* reset */
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 10px; width: 19px;
height: 6px; height: 11px;
} }
} }