@use '@/common/design' as *;

// 滚动条样式
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  /* stylelint-disable-next-line */
  background-color: #babac0;
  background-clip: content-box;
  border: 2px solid transparent;
  border-radius: 10px;
}

::-webkit-scrollbar-button {
  display: none;
}

.ant-layout-sider-dark::-webkit-scrollbar-thumb {
  /* stylelint-disable-next-line */
  background-color: lighten($menu-dark-submenu-bg, 20%);
}

@-moz-document url-prefix() {
  /* stylelint-disable-next-line */
  body {
    /* stylelint-disable-next-line */
    scrollbar-color: #babac0 transparent; /* scroll thumb & track */
  }
  * {
    scrollbar-width: thin; /* "auto" or "thin"  */
  }
  .ant-layout-sider-dark {
    /* stylelint-disable-next-line */
    scrollbar-color: lighten($menu-dark-submenu-bg, 20%) transparent;
  }
}
