@import '../themes/default';
//滚动条样式美化(滑块颜色,背景颜色,选中时滑块颜色)
.beautifyScrollbar(@scrollbar-barcolor:#CFD6DD,@scrollbar-bgcolor:#f8f8f8,@active:#666) {
  &::-webkit-scrollbar {
    width: 6px;
    background-color: @scrollbar-bgcolor;

  }
  /*定义滑块 内阴影+圆角*/
  &::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: @scrollbar-barcolor;
  }
  ///*滑块效果*/
  &::-webkit-scrollbar-thumb:hover {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px 1px fade(color("@{active}"),20%);
    background:fade(color("@{active}"),40%);
  }
}