mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-26 05:16:41 +07:00
better scrollbars
This commit is contained in:
parent
0c2229d9af
commit
e6fd658039
5 changed files with 65 additions and 2 deletions
|
@ -86,3 +86,45 @@ body {
|
|||
:global(h2) {
|
||||
font: $font_24_bold;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #999999;
|
||||
border: 4px solid $content_bg;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: lighten(#999999, 4%);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:active {
|
||||
background: lighten(#999999, 8%);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: $content_bg;
|
||||
border: 0px none #ffffff;
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
// ::-webkit-scrollbar-track:hover {
|
||||
// background: #666666;
|
||||
// }
|
||||
//
|
||||
// ::-webkit-scrollbar-track:active {
|
||||
// background: #333333;
|
||||
// }
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
background: transparent;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue