// you can add global styles to this file, and also import other style files

@import './ng-alain';
@import './antd';
@import './gridster';

* {
  outline: none !important;
  user-select: none !important;
  letter-spacing: 0.3px;
}

body {
  font-family: '微软雅黑', 'Microsoft YaHei', '宋体', 'SimSun', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'PingFang SC', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
}

/* stylelint-disable selector-pseudo-class-no-unknown */
*::-webkit-scrollbar {
  &:vertical {
    width: 17px;
  }

  &:horizontal {
    height: 17px;
  }
}
/* stylelint-enable selector-pseudo-class-no-unknown */

*::-webkit-scrollbar-track {
  background: #f1f1f1;
}

*::-webkit-scrollbar-corner {
  background-color: #f1f1f1;
}

.m-10 {
  margin: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mx-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.p-10 {
  padding: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.px-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.btn-outline-primary {
  color: #1890ff;
  border-color: #1890ff;

  &:hover {
    color: #fff;
    border-color: #1890ff;
    background-color: #1890ff;
  }

  &:focus {
    color: #1890ff;
    border-color: #1890ff;
    background-color: #fff;
  }
}

.btn-outline-success {
  color: #389e0d;
  border-color: #389e0d;

  &:hover {
    color: #fff;
    border-color: #389e0d;
    background-color: #389e0d;
  }

  &:focus {
    color: #389e0d;
    border-color: #389e0d;
    background-color: #fff;
  }
}

.btn-outline-warning {
  color: #eb6100;
  border-color: #eb6100;

  &:hover {
    color: #fff;
    border-color: #eb6100;
    background-color: #eb6100;
  }

  &:focus {
    color: #eb6100;
    border-color: #eb6100;
    background-color: #fff;
  }
}

.btn-outline-error {
  color: #f5222d;
  border-color: #f5222d;

  &:hover {
    color: #fff;
    border-color: #f5222d;
    background-color: #f5222d;
  }

  &:focus {
    color: #f5222d;
    border-color: #f5222d;
    background-color: #fff;
  }
}
