@aplus-frontend/ui/theme/mixins/mixins.less

@import './config.less';

.b(@block, @content) {
  // tips: 添加~是不要对插值进行引号转译，这样是不包含引号的
  @cls: ~'@{ns}@{common-separator}@{block}';
  .@{cls} {
    @content();
  }
}

.reset-component {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: @text-color-base;
  font-size: @font-size-base;
  font-family: inherit;
  line-height: @line-height-base;
  list-style: none;
}

// 通用滚动条重设样式，高度为10px，视觉高度为8px
.reset-scrollbar {
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: var(--ap-scrollbar-thumb-color-base);
    background-clip: content-box;
    border: 1px solid transparent;
    border-radius: 4px;
  }

  ::-webkit-scrollbar-track,
  ::-webkit-scrollbar-corner {
    background-color: var(--ap-table-header-bg, #f2f6f9);
  }

  ::-webkit-scrollbar-thumb:hover,
  ::-webkit-scrollbar-thumb:active {
    background-color: var(--ap-scrollbar-thumb-color-hover);
  }
}

.clear-fix {
  &::before {
    display: table;
    content: '';
  }

  &::after {
    display: table;
    clear: both;
    content: '';
  }
}

.common-style {
  box-sizing: border-box;
  font-size: @font-size-base;
  font-family: inherit;

  &::before,
  &::after {
    box-sizing: border-box;
  }
}