.readonly {
  &input, textarea {
    @include disable;
  }
  input, textarea {
    @include disable;
  }
}

.disable, .readonly {
  @include disable;
}

.enable {
  @include enable;
}

// 列表上下边线
.co-line-up {
  position: relative;
}

.co-line-up:before {
  position: absolute;
  .line-up-down();
}

.co-line-down {
  position: relative;
}

.co-line-down:after {
  position: absolute;
  .line-up-down();
}

// 单行省略
.co-ellipsis {
  overflow: overlay;
  white-space: nowrap;
  text-overflow: ellipsis;
}
// 多行省略
.co-ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

// 横向滚动
.co-transverse-scroll {
  margin: 0px;
  padding: 0px;
  overflow-y: scroll;
  width: 100vw;
  .co-scroll {
    margin: 0px;
    padding: 0px;
    li, a {
      float: left;
    }
  }
}

.co-col-xs-12 {
  width:100%;
}
.co-col-xs-11 {
  width:91.66666667%;
}
.co-col-xs-10 {
  width:83.33333333%;
}
.co-col-xs-9 {
  width:75%;
}
.co-col-xs-8 {
  width:66.66666667%;
}
.co-col-xs-7 {
  width:58.33333333%;
}
.co-col-xs-6 {
  width:50%;
}
.co-col-xs-5 {
  width:41.66666667%;
}
.co-col-xs-4 {
  width:33.33333333%;
}
.co-col-xs-3 {
  width:25%;
}
.co-col-xs-2 {
  width:16.66666667%;
}
.co-col-xs-1 {
  width:8.33333333%;
}

// 主题风格
.theme-color {
  color: @theme-color;
}
.theme-icon-color {
  color: @theme-icon-color;
}
.theme-background-color {
  background-color: @theme-color;
}
.theme-border-color {
  border-color: @theme-color;
}