style: global scrollbar style
This commit is contained in:
parent
c9a9f3a66d
commit
a2471a0ca8
@ -10,4 +10,25 @@ export const GlobalStyle = createGlobalStyle`
|
|||||||
--color-secondary: ${COLOR_SECONDARY};
|
--color-secondary: ${COLOR_SECONDARY};
|
||||||
--color-tertiarty: ${COLOR_TERTIARTY};
|
--color-tertiarty: ${COLOR_TERTIARTY};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Scroll bar stylings */
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Track */
|
||||||
|
::-webkit-scrollbar-track {
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Handle */
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
background: rgba(0,0,0,0.3);
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Handle on hover */
|
||||||
|
::-webkit-scrollbar-thumb:hover {
|
||||||
|
background: rgba(0,0,0,0.4);
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user