mirror of
https://github.com/twbs/bootstrap.git
synced 2024-11-29 11:24:18 +01: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.
67 lines
1.2 KiB
Plaintext
67 lines
1.2 KiB
Plaintext
//
|
|
// 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;
|
|
}
|
|
}
|