Blame view
app/bower_components/bootstrap/less/badges.less
1.17 KB
|
f986e111b
|
1 2 3 |
// // Badges // -------------------------------------------------- |
|
87c93a029
|
4 |
// Base class |
|
f986e111b
|
5 6 7 8 9 10 11 12 |
.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;
|
|
87c93a029
|
13 |
vertical-align: middle; |
|
f986e111b
|
14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
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;
}
|
|
f986e111b
|
29 |
|
|
87c93a029
|
30 31 32 33 |
.btn-xs &,
.btn-group-xs > .btn & {
top: 0;
padding: 1px 5px;
|
|
f986e111b
|
34 |
} |
|
f986e111b
|
35 |
|
|
87c93a029
|
36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 |
// 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;
}
|
|
f986e111b
|
64 |
} |