// Styles for Labels - Managed in /theme/sass/snippets/_labels.scss
.label {
background-color: $light-grey; display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; &.primary { background-color: $orange; } &.success { background-color: $green; } &.warning { background-color: $yellow; } &.info { background-color: $blue; } &.danger { background-color: $red; }
}
.label-info {
background-color: $blue;
}
background-color: $light-grey;
}
.primary:hover, .primary:focus {
background-color: $orange;
}
.success:hover, .success:focus {
background-color: $green;
}
.warning:hover, .warning:focus {
background-color: #e8c941;
}
.danger:hover, .danger:focus {
background-color: #c9302c;
}
a.label:hover, a.label:focus {
color: #fff; text-decoration: none; cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative; top: -1px;
}
.badge {
display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative; top: -1px;
}
.btn-xs .badge, .btn-group-xs > .btn .badge {
top: 0; padding: 1px 5px;
}
a.badge:hover, a.badge:focus {
color: #fff; text-decoration: none; cursor: pointer;
}