//
// Badges
// --------------------------------------------------

.badge {
  display: inline-block;
  min-width: 10px;
  font-size: $badge-font-size;
  font-weight: $badge-font-weight;
  line-height: $badge-line-height;
  text-align: center;
  white-space: nowrap;
  border-radius: $badge-border-radius;
  padding: ($badge-padding-y + 1) $badge-padding-x ($badge-padding-y - 1);
  vertical-align: top;
  font-family: $font-family-proxima-sbold;

  @include badge-default();

  &:empty {
    display: none;
  }

  .btn & {
    position: relative;
    top: -1px;
  }

  .list-group-item > & {
    float: right;
  }

  .list-group-item > & + & {
    margin-right: 5px;
  }

  .nav-pills > li > a > & {
    margin-left: 3px;
  }

  &-primary {
    @include badge-primary();
  }

  &-success {
    @include badge-success();
  }

  &-danger {
    @include badge-danger();
  }

  &-info {
    @include badge-info();
  }

  &-warning {
    @include badge-warning();
  }

  &-up {
    &:after {
      content: " \f0d8";
      font-family: $font-family-awesome;
      font-weight: $font-family-awesome-weight;
    }
  }

  &-down {
    &:after {
      content: " \f0d7";
      font-family: $font-family-awesome;
      font-weight: $font-family-awesome-weight;
    }
  }

  &-bordered {
    @include themes-border(color-new-border);
    @include themes(background, color-new-surface);
  }
}

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