css scrollbar mixin

scrollbar.scss

@mixin scrollbar($pill-color = "#000") {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: $pill-color;
  scrollbar-arrow-color: $pill-color;
  scrollbar-track-color: transparent;
  scrollbar-shadow-color: $pill-color;
  scrollbar-highlight-color: $pill-color;
  scrollbar-3dlight-color: $pill-color;
  scrollbar-darkshadow-Color: $pill-color;

  &::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    cursor: pointer;
  }

  &::-webkit-scrollbar-track-piece {
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb:vertical {
    height: 0;
    background-color: $pill-color;
  }
}