12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- //
- // 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;
- // Add hover effects, but only for links
- &[href] {
- &:hover,
- &:focus {
- color: $label-link-hover-color;
- text-decoration: none;
- cursor: pointer;
- }
- }
- // Empty labels collapse automatically (not available in IE8)
- &:empty {
- display: none;
- }
- // Quick fix for labels in buttons
- .btn & {
- position: relative;
- top: -1px;
- }
- }
- // 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);
- }
|