/**
 * 项目公共样式文件。
 * 该文件中定义的 scss 函数/变量/mixins 等在其他 scss 文件中可以直接使用，
 * 无需冗余地 @import './src/global.scss'。
 * 因为内置了全局配置："commonSassResources": "./src/global.scss"
 */
$box-shadow-color: var(--no-var, rgba(0, 0, 0, 0.13));

$normal-border-color: var(--color-line1-1, #e8e8e8);
$hover-border-color: var(--color-brand1-3, #90cdf5);
$active-border-color: var(--color-brand1-6, #1b9aee);

$active-shadow-border: -0.5px -0.5px 0 $active-border-color,
  0.5px -0.5px 0 $active-border-color, 0.5px 0.5px 0 $active-border-color,
  -0.5px 0.5px 0 $active-border-color;
$hover-shadow-border: -0.5px -0.5px 0 $hover-border-color,
  0.5px -0.5px 0 $hover-border-color, 0.5px 0.5px 0 $hover-border-color,
  -0.5px 0.5px 0 $hover-border-color;

@mixin normal-border {
  border: 1px solid $normal-border-color;
}

@mixin hover-border {
  border: 1px solid $hover-border-color;
  box-shadow: $hover-shadow-border;
}

@mixin active-border {
  border: 1px solid $active-border-color;
  box-shadow: $active-shadow-border;
}

@mixin with-border {
  @include normal-border;
  &:hover {
    @include hover-border;
  }
  &[data-active='true'] {
    @include active-border;
  }
  &[data-error='true'] {
    --color-brand1-3: var(--color-error-3, #f7968d);
    --color-brand1-6: var(--color-error-5, #cd3021);
  }
}

@mixin hack-scrollbar {
  &::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  &::-webkit-scrollbar-thumb {
    background: var(--color-brand3-3, #dae0e5); // 滑块颜色
    border-radius: 1px; // 滑块圆角
  }
  &::-webkit-scrollbar-thumb:hover {
    background: var(--color-brand3-4, #c6cdd4); // 鼠标移入滑块变色
  }
  &::-webkit-scrollbar-track {
    border-radius: 0; // 轨道圆角
    background-color: var(--no-var, rgba(242, 245, 247, 0.5)); // 轨道颜色
  }
}

:global {
  .next-btn-text i {
    color: unset !important;
  }

  .log-tools .next-btn-text i {
    color: var(--color-line1-3, #cecece) !important;
  }
}