scss 封裝定制滾動條mixin
下面是抄的youtube滾動條的配色
// 定制滾動條
@mixin scrollbar-custom(
$width: 8px,
$borderRadius: 8px,
$bgColor: #606060,
$hoverColor: #909090
) {
// 滾動條定制
// 整個滾動條
&::-webkit-scrollbar {
width: $width;
}
// 滑塊
&::-webkit-scrollbar-thumb {
background-color: $bgColor;
border-radius: $borderRadius;
}
&::-webkit-scrollbar-thumb:hover {
background-color: $hoverColor;
}
}
