23 lines
760 B
TypeScript
23 lines
760 B
TypeScript
import { css } from "styled-components"
|
|
|
|
export default css`
|
|
body::-webkit-scrollbar {
|
|
width: ${(props) => props.theme.theme.component.scrollbar.width};
|
|
}
|
|
|
|
body::-webkit-scrollbar-track {
|
|
border-radius: ${(props) =>
|
|
props.theme.theme.component.scrollbar.borderRadius};
|
|
background: ${(props) =>
|
|
props.theme.theme.component.scrollbar.color.track};
|
|
box-shadow: inset 0 0 5px rgb(0 0 0 / 10%);
|
|
}
|
|
|
|
body::-webkit-scrollbar-thumb {
|
|
border-radius: ${(props) =>
|
|
props.theme.theme.component.scrollbar.borderRadius};
|
|
background: ${(props) =>
|
|
props.theme.theme.component.scrollbar.color.thumb};
|
|
box-shadow: inset 0 0 10px rgb(0 0 0 / 20%);
|
|
}
|
|
`
|