hibby
/
PaperModX
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

scroll-bar(css): reduce size for smaller screens 

misc
This commit is contained in:
Aditya Telange 2020-10-03 20:58:35 +05:30
parent 8a8652fbf0
commit f4df89dbf6
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/css/reset.css
View File

@ -112,24 +112,31 @@ img {
max-width: 100%; max-width: 100%;
} }
::-webkit-scrollbar { *::-webkit-scrollbar {
width: 10px; width: 10px;
height: 6px; height: 6px;
} }
::-webkit-scrollbar-track { *::-webkit-scrollbar-track {
background: var(--theme); background: var(--theme);
} }
::-webkit-scrollbar-thumb { *::-webkit-scrollbar-thumb {
background: var(--tertiary); background: var(--tertiary);
border-radius: var(--radius); border-radius: var(--radius);
} }
::-webkit-scrollbar-thumb:hover { *::-webkit-scrollbar-thumb:hover {
background: var(--secondary); background: var(--secondary);
} }
@media screen and (max-width: 800px) {
*::-webkit-scrollbar {
width: 8px;
height: 2px;
}
}
*:focus { *:focus {
outline:none; outline:none;
} }