diff options
Diffstat (limited to 'scss/_badge.scss')
-rw-r--r-- | scss/_badge.scss | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/scss/_badge.scss b/scss/_badge.scss new file mode 100644 index 0000000000..f3c7442ea3 --- /dev/null +++ b/scss/_badge.scss @@ -0,0 +1,56 @@ +// +// Badges +// -------------------------------------------------- + + +// Base class +.badge { + position: relative; + top: -.1em; + display: inline-block; + padding-left: .6em; + padding-right: .6em; + font-size: .75em; + font-weight: $badge-font-weight; + color: $badge-color; + text-align: center; + white-space: nowrap; + background-color: $badge-bg; + @include border-radius($badge-border-radius); + + // Empty badges collapse automatically + &:empty { + display: none; + } + + &.pull-left, + &.pull-right { + top: .2em; + } + + // 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; + } +} + +// Hover state, but only for links +a.badge { + &:hover, + &:focus { + color: $badge-link-hover-color; + text-decoration: none; + cursor: pointer; + } +} |