minnan-website/assets/scss/scroll.scss

/* Common Scroll bar */

/* PC Scrollbar */

@mixin pc-hide-scrollbar(){
  &::-webkit-scrollbar {
      width: 5px;
      height: 5px;
  }
  &::-webkit-scrollbar-thumb {
      background: transparent;

      &:hover {
        background: transparent;
      }
  }
  &::-webkit-scrollbar-track {
      background: transparent;
  }
}

@mixin pc-fix-scrollbar(){
    &::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
    &::-webkit-scrollbar-thumb {
        background: #707070;
        border-radius: 3px;

        &:hover {
            background: #e0e0e0;
        }
    }
    &::-webkit-scrollbar-track {
        background: transparent;
    }
}

@mixin pc-fix-scrollbar-white(){
    &::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
    &::-webkit-scrollbar-thumb {
        background: #d6d6d6;
        opacity: .7;
        border-radius: 3px;

        &:hover {
            background: #707070;
        }
    }
    &::-webkit-scrollbar-track {
        background: transparent;
    }
}

.vertical-scroll {
  overflow-y: scroll;

  @include pc-fix-scrollbar-white();
}