@import "./var.less";

/*去除内外边距和列表样式*/
.mixin-default{
  padding:0;
  margin:0;
  list-style-type:none;
  font-size:14px;
  font-weight:500;
  font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}
.mixin-h1-default{
  padding:0;
  margin:0;
  font-weight:500;
  font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}
.mixin-ul-default{
  padding:0;
  margin:0;
  list-style-type:none;
  & li{
    padding:0;
    margin:0;
    list-style-type:none;
  }
}
.mixin-default-link{
  color:@color-link;
  text-decoration:none;
  &:hover{
    color:@color-link-hover;
  }
  &.selected{
    color:@color-link;
  }
  &.disabled{
    color:@color-link-selected;
  }
}

.mixin-all-scroll{
  overflow-x:auto;
  overflow-y:auto;
}

.mixin-v-scroll{
  overflow-x:hidden;
  overflow-y:auto;
}

.mixin-h-scroll{
  overflow-x:hidden;
  overflow-y:auto;
}

.mixin-scrollbar{
  &::-webkit-scrollbar {
    width:@scrollbar-width;
    height: @scrollbar-height;
  }

  &::-webkit-scrollbar-button:vertical {
    display: none;
  }

  &::-webkit-scrollbar-corner,
  &::-webkit-scrollbar-track {
    background-color:@scrollbar-track-color;
  }

  &::-webkit-scrollbar-thumb {
    border-radius:@scrollbar-radius;
    background-color:@scrollbar-color;
  }

  &::-webkit-scrollbar-thumb:vertical:hover {
    background-color:@scrollbar-hover-color;
  }

  &::-webkit-scrollbar-thumb:vertical:active {
    background-color:@scrollbar-active-color;
  }
}

.mixin-wordwrap{
  table-layout:fixed;
  word-break:break-all;
  overflow:hidden;
  word-wrap:break-word;
}
.mixin-ellipsis{
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.mixin-border-box{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.mixin-select-none{
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.mixin-select{
  -moz-user-select: all;
  -webkit-user-select: all;
  user-select: all;
}

.mixin-vertical{
  display: flex;
  display: -webkit-flex;
  align-items: center;
}

.mixin-horizontal-vertical{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}

.mixin-clr{
  clear:both;
}
.mixin-clear{
  clear:both;
  font-size:0;
  margin:0;
  padding:0;
  height:0;
  line-height:0;
}