pinafore/scss/themes/_scrollbars.scss
Nolan Lawson 2569b59b32
feat(design): add custom scrollbars for each theme (#685)
* feat(design): add custom scrollbars for each theme

fixes #683

* improve contrast of hotpants theme
2018-11-24 01:39:00 -08:00

30 lines
568 B
SCSS

html {
scrollbar-face-color: $scrollbar-face;
scrollbar-track-color: $scrollbar-track;
}
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
::-webkit-scrollbar-thumb {
background: $scrollbar-face;
border-radius: 0;
}
::-webkit-scrollbar-thumb:hover {
background: $scrollbar-face-hover;
}
::-webkit-scrollbar-thumb:active {
background: $scrollbar-face-active;
}
::-webkit-scrollbar-track, ::-webkit-scrollbar-track:hover, ::-webkit-scrollbar-track:active {
background: $scrollbar-track
}
::-webkit-scrollbar-corner {
background: transparent;
}