mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
b8a4bc1b93
Badges now appeared vertically centered next to text. Previously, badges appeared to be somewhat lower than tall text such as h1's next to it.
66 lines
1.2 KiB
Text
66 lines
1.2 KiB
Text
//
|
|
// Badges
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Base class
|
|
.badge {
|
|
display: inline-block;
|
|
min-width: 10px;
|
|
padding: 3px 7px;
|
|
font-size: @font-size-small;
|
|
font-weight: @badge-font-weight;
|
|
color: @badge-color;
|
|
line-height: @badge-line-height;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
background-color: @badge-bg;
|
|
border-radius: @badge-border-radius;
|
|
|
|
// Empty badges collapse automatically (not available in IE8)
|
|
&:empty {
|
|
display: none;
|
|
}
|
|
|
|
// Quick fix for badges in buttons
|
|
.btn & {
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
|
|
.btn-xs &,
|
|
.btn-group-xs > .btn & {
|
|
top: 0;
|
|
padding: 1px 5px;
|
|
}
|
|
|
|
// Hover state, but only for links
|
|
a& {
|
|
&:hover,
|
|
&:focus {
|
|
color: @badge-link-hover-color;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
// Account for badges in navs
|
|
.list-group-item.active > &,
|
|
.nav-pills > .active > a > & {
|
|
color: @badge-active-color;
|
|
background-color: @badge-active-bg;
|
|
}
|
|
|
|
.list-group-item > & {
|
|
float: right;
|
|
}
|
|
|
|
.list-group-item > & + & {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.nav-pills > li > a > & {
|
|
margin-left: 3px;
|
|
}
|
|
}
|