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

View File

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