
@color_main:#3094fa;
@color_success: #18c72e;
@color_error:#fd5f56;
@color_warn:#ffc940;

@color_black:#222;
@color_black_light: #454545;
@color_black_light_extra:  #666;

@color_silver: #999;
@color_sliver_light: #dadada;
@color_sliver_light_extra: #e5d5e5;

@color_white: #f5f6f6;
@color_white_dark: #edf0f3;

.color{
  .bg (@color:@color_main) {
    background-color:@color
  }
  .color (@color: @color_main) {
    color:@color
  }
  // 颜色
  &_main{
    .color(@color_main)
  }
  &_success{
    .color(@color_success)
  }
  &_error{
    .color(@color_error)
  }
  &_warn{
    .color(@color_warn)
  }
  // 背景色
  &-bg{
    .bg(@color_main);
    &_main{
      .bg(@color_main)
    };
    &_success{
      .bg(@color_success)
    };
    &_error{
      .bg(@color_error)
    }
    &_warn{
      .bg(@color_warn)
    }
  }
}
.font-{
  &h1{
    font-size:32px;
    line-height: 52px;
  }
  &h2{
    font-size: 24px;
    line-height: 39px;
  }
  &h3{
    font-size: 20px;
    line-height: 32px;
  }
  &h4{
    font-size: 18px;
    line-height: 29px;
  }
  &h5{
    font-size: 16px;
    line-height: 26px;
  }
  &desc{
    font-size:14px;
    line-height: 23px;
    color:#999;
    &-s{
      color:#999;
    }
  }
}
