1// 2// Labels 3// -------------------------------------------------- 4 5.label { 6 display: inline; 7 padding: .2em .6em .3em; 8 font-size: 75%; 9 font-weight: bold; 10 line-height: 1; 11 color: @label-color; 12 text-align: center; 13 white-space: nowrap; 14 vertical-align: baseline; 15 border-radius: .25em; 16 17 // Add hover effects, but only for links 18 a& { 19 &:hover, 20 &:focus { 21 color: @label-link-hover-color; 22 text-decoration: none; 23 cursor: pointer; 24 } 25 } 26 27 // Empty labels collapse automatically (not available in IE8) 28 &:empty { 29 display: none; 30 } 31 32 // Quick fix for labels in buttons 33 .btn & { 34 position: relative; 35 top: -1px; 36 } 37} 38 39// Colors 40// Contextual variations (linked labels get darker on :hover) 41 42.label-default { 43 .label-variant(@label-default-bg); 44} 45 46.label-primary { 47 .label-variant(@label-primary-bg); 48} 49 50.label-success { 51 .label-variant(@label-success-bg); 52} 53 54.label-info { 55 .label-variant(@label-info-bg); 56} 57 58.label-warning { 59 .label-variant(@label-warning-bg); 60} 61 62.label-danger { 63 .label-variant(@label-danger-bg); 64} 65