// // Labels // ————————————————–

.label {

display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: $label-color;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;

// [converter] extracted a& to a.label

// Empty labels collapse automatically (not available in IE8)
&:empty {
  display: none;
}

// Quick fix for labels in buttons
.btn & {
  position: relative;
  top: -1px;
}

}

// Add hover effects, but only for links a.label {

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

}

// Colors // Contextual variations (linked labels get darker on :hover)

.label-default {

@include label-variant($label-default-bg);

}

.label-primary {

@include label-variant($label-primary-bg);

}

.label-success {

@include label-variant($label-success-bg);

}

.label-info {

@include label-variant($label-info-bg);

}

.label-warning {

@include label-variant($label-warning-bg);

}

.label-danger {

@include label-variant($label-danger-bg);

}