@import './lib/style/vars.less';

html {
  height: 100vh;
  min-height: 100vh;
  overflow-x: hidden;
  background: #f0f2f5;
  font-family: 'pingfang SC', 'helvetica neue', arial, 'hiragino sans gb',
    'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
  font-size: 10px;
}

html,
body {
  width: 100vw;
  height: 100vh;
}

#root,
#root-master {
  width: 100%;
  height: 100%;
}

canvas {
  display: block;
}

body {
  background: #f5f5f5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.globalSpin {
  width: 100%;
  margin: 40px 0 !important;
}

ul,
ol {
  list-style: none;
}

@media (max-width: 480px) {
  .ant-table {
    width: 100%;
    overflow-x: auto;

    &-thead>tr,
    &-tbody>tr {

      >th,
      >td {
        white-space: pre;

        >span {
          display: block;
        }
      }
    }
  }
}

body,
section,
ul,
div,
iframe,
aside,
main {
  scrollbar-color: #ccc transparent;
  /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */
  scrollbar-width: thin;
  /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */

  &::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: transparent;
    border-radius: 10px;
  }

  &::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: none;
    background-color: #ccc;
  }
}

input {
  &::-webkit-input-placeholder {
    color: #ccc;
    text-align: left;
  }

  &:-moz-placeholder {
    color: #ccc;
    text-align: left;
  }

  &::-moz-placeholder {
    color: #ccc;
    text-align: left;
  }

  &:-ms-input-placeholder {
    color: #ccc;
    text-align: left;
  }
}

:global {
  .art-table-cell {
    word-break: break-all
  }
}

.clearfix:after {
  /*伪元素是行内元素 正常浏览器清除浮动方法*/
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: '';
}

.clearfix {
  *zoom: 1;
  /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.ant-dropdown-menu {
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}
