@charset "utf-8";

@mixin Yu_default_scroll_bar {
  &::-webkit-scrollbar { /*滚动条整体样式*/
    /*高宽分别对应横竖滚动条的尺寸*/
    width: var(--scrollbar-width, var(--default-scrollbar-width));
    height: var(--scrollbar-height, var(--default-scrollbar-height));
  }
  &::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    -webkit-box-shadow: var(--default-scrollbar-thumb-box-shadow);
    background-color: var(--default-scrollbar-thumb-background);
    border-radius: 10px;
  }
  &::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: var(--default-scrollbar-track-box-shadow);
    background: var(--default-scrollbar-track-background);
    border-radius: 10px;
  }
  &::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: var(--default-scrollbar-thumb-hover-box-shadow);
    background: var(--default-scrollbar-thumb-hover-background);
  }
}

@mixin Yu_scroll_bar(
  $w:10px,
  $h:10px
) {
  --scrollbar-width: #{$w};
  --scrollbar-height: #{$h};
  * {
    --scrollbar-width: var(--default-scrollbar-width);
    --scrollbar-height: var(--default-scrollbar-height);
  }
}