/*数字角标*/
.uni-badge,
.uni-badge-default {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  padding: 3px 6px;
  color: $black;
  border-radius: 100px;
  background-color: $greyLight;
}

.uni-badge.uni-badge-inverted {
  padding: 0 5px 0 0;
  color: $grey;
  background-color: transparent;
}

.uni-badge-primary {
  color: $white;
  background-color: $blue;
}

.uni-badge-blue.uni-badge-inverted,
.uni-badge-primary.uni-badge-inverted {
  color: $blue;
  background-color: transparent;
}

.uni-badge-green,
.uni-badge-success {
  color: $white;
  background-color: $green;
}

.uni-badge-green.uni-badge-inverted,
.uni-badge-success.uni-badge-inverted {
  color: $green;
  background-color: transparent;
}

.uni-badge-warning,
.uni-badge-yellow {
  color: $white;
  background-color: $yellow;
}

.uni-badge-warning.uni-badge-inverted,
.uni-badge-yellow.uni-badge-inverted {
  color: $yellow;
  background-color: transparent;
}

.uni-badge-danger,
.uni-badge-red {
  color: $white;
  background-color: $red;
}

.uni-badge-danger.uni-badge-inverted,
.uni-badge-red.uni-badge-inverted {
  color: $red;
  background-color: transparent;
}

.uni-badge-purple,
.uni-badge-royal {
  color: $white;
  background-color: $purple;
}

.uni-badge-purple.uni-badge-inverted,
.uni-badge-royal.uni-badge-inverted {
  color: $purple;
  background-color: transparent;
}