a5e539b509
This allows us to custom build it without Glyphicons so we don't have any errors about it not being found.
67 lines
1.1 KiB
SCSS
67 lines
1.1 KiB
SCSS
//
|
|
// 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;
|
|
|
|
// [converter] extracted a& to a.label
|
|
|
|
// Empty labels collapse automatically (not available in IE8)
|
|
&:empty {
|
|
display: none;
|
|
}
|
|
|
|
// Quick fix for labels in buttons
|
|
.btn & {
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
}
|
|
|
|
// Add hover effects, but only for links
|
|
a.label {
|
|
&:hover,
|
|
&:focus {
|
|
color: $label-link-hover-color;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
// 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);
|
|
}
|