/**
 *  自定义浏览器默认样式
 */

//优化滚动条样式
* {
  /* for Firefox: */
  scrollbar-color: rgba(#000, 0.3) transparent;
  scrollbar-width: thin;

  &:focus {
    outline: none;
  }

}


::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

//滚动条轨道
::-webkit-scrollbar-track {
  background: transparent;
}

//滚动条
::-webkit-scrollbar-thumb {
  background-color: rgba(#999, 0.5);
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  transition: all 1s;
  cursor: pointer;
}

//滚动条鼠标悬停
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(#999, 1);
}