@charset "utf-8";
@import "../helpers/index";
// 标签样式
// --------------------------------------------------
// 标签
// -----------------------
$label-trans-bg:			        rgba(0,0,0,0);
$label-default-bg: 			      $gray;
$label-primary-bg:            $primary;
$label-secondary-bg:          $secondary;
$label-gray-bg: 			        #d7d7d7;

//标签颜色
$label-white-color:           #FFFFFF;
$label-default-color:         $gray;
$label-primary-color:         $primary;
$label-secondary-color:       $secondary;
$label-link-hover-color:      #fff;
$label-gray-color:            $gray-light;

.label {
  //font-family: '宋体';
  display: inline;
  padding:2px;
  font-size:$font-size-small;
  //font-weight: 600;
  line-height:100%;
  color:$primary;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius:3px;
  @include border(1px,solid,$transparent);
  .platform-android4 &,.platform-android5 &,.platform-android6 &{
    @include border(1px,solid,$transparent,'',true);
  }
  //border:1px solid $transparent;
  .btn & {
    position: relative;
  }


  &.label-long{
    padding: 1px 8px;
    -webkit-border-radius: $border-radius-base*1.5;
    -moz-border-radius: $border-radius-base*1.5;
    border-radius: $border-radius-base*1.5;
    font-weight: normal;
    vertical-align: initial;
    font-family: sans-serif;
  }
}

a.label {
  &:hover,
  &:focus {
    color: $label-link-hover-color;
    text-decoration: none;
    cursor: pointer;
  }
}

// 自定义标签
.label-default {
  @include label-variant($label-trans-bg,$label-default-color,$label-default-color);
}
.label-primary {
  @include label-variant($label-trans-bg,$label-primary-color,$label-primary-color);
}
.label-secondary {
  @include label-variant($label-trans-bg,$label-secondary-color,$label-secondary-color);
}
.label-gray {
  @include label-variant($label-trans-bg,$label-gray-color,$label-gray-color);
}

.label-primary-light-round{
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  @include label-variant(#f7d4d0,$label-primary-color,#f7d4d0);
}

.label-default-solid {
  @include label-variant($label-default-bg,$label-white-color,$label-default-color);
}
.label-primary-solid {
  @include label-variant($label-primary-bg,$label-white-color,$label-primary-color);
}
.label-secondary-solid {
  @include label-variant($label-secondary-bg,$label-white-color,$label-secondary-color);
}
.label-gray-solid {
  @include label-variant($label-gray-color,$label-white-color,$label-gray-color);
}