@import "variables.scss";
// 样式重置
html {
  height: 100%;
  padding: 0;
  margin: 0;
  color: $font-color;
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  body {
    height: 100%;
    padding: 0;
    margin: 0;
  }
  h1,h2,h3,h4,h5,h6,ul {
    margin: 0;
    padding: 0;
  }
  ul {
    list-style: none;
  }
  #app {
    height: 100%;
    min-width: $page-min-width;
  }
}

// 穿梭框的按钮
.el-transfer__buttons {
  padding: 0 16px !important;
}

// 删除按钮统一样式
.el-button.btn-delete.el-button--text,
.el-button.el-button--text:has(.el-icon-delete) {
  color: $danger-color;

  &:hover,
  &:focus {
    color: $danger-color-hover;
  }

  &:active {
    color: $danger-color-active;
  }
}

.el-button:not(.el-button--text):not(.el-button--danger):has(.el-icon-delete) {
  color: #fff;
  background-color: $danger-color;
  border-color: $danger-color;

  &:hover,
  &:focus {
    color: #fff;
    background-color: $danger-color-hover;
    border-color: $danger-color-hover;
  }

  &:active {
    color: #fff;
    background-color: $danger-color-active;
    border-color: $danger-color-active;
  }
}
