info@53: //
info@53: // Labels
info@53: // --------------------------------------------------
info@53: 
info@53: .label {
info@53:   display: inline;
info@53:   padding: .2em .6em .3em;
info@53:   font-size: 75%;
info@53:   font-weight: bold;
info@53:   line-height: 1;
info@53:   color: @label-color;
info@53:   text-align: center;
info@53:   white-space: nowrap;
info@53:   vertical-align: baseline;
info@53:   border-radius: .25em;
info@53: 
info@53:   // Add hover effects, but only for links
info@53:   &[href] {
info@53:     &:hover,
info@53:     &:focus {
info@53:       color: @label-link-hover-color;
info@53:       text-decoration: none;
info@53:       cursor: pointer;
info@53:     }
info@53:   }
info@53: 
info@53:   // Empty labels collapse automatically (not available in IE8)
info@53:   &:empty {
info@53:     display: none;
info@53:   }
info@53: 
info@53:   // Quick fix for labels in buttons
info@53:   .btn & {
info@53:     position: relative;
info@53:     top: -1px;
info@53:   }
info@53: }
info@53: 
info@53: // Colors
info@53: // Contextual variations (linked labels get darker on :hover)
info@53: 
info@53: .label-default {
info@53:   .label-variant(@label-default-bg);
info@53: }
info@53: 
info@53: .label-primary {
info@53:   .label-variant(@label-primary-bg);
info@53: }
info@53: 
info@53: .label-success {
info@53:   .label-variant(@label-success-bg);
info@53: }
info@53: 
info@53: .label-info {
info@53:   .label-variant(@label-info-bg);
info@53: }
info@53: 
info@53: .label-warning {
info@53:   .label-variant(@label-warning-bg);
info@53: }
info@53: 
info@53: .label-danger {
info@53:   .label-variant(@label-danger-bg);
info@53: }