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: }