pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
badges.less
(1005B)
1 //
2 // Badges
3 // --------------------------------------------------
4
5
6 // Base classes
7 .badge {
8 display: inline-block;
9 min-width: 10px;
10 padding: 3px 7px;
11 font-size: @font-size-small;
12 font-weight: @badge-font-weight;
13 color: @badge-color;
14 line-height: @badge-line-height;
15 vertical-align: baseline;
16 white-space: nowrap;
17 text-align: center;
18 background-color: @badge-bg;
19 border-radius: @badge-border-radius;
20
21 // Empty badges collapse automatically (not available in IE8)
22 &:empty {
23 display: none;
24 }
25
26 // Quick fix for badges in buttons
27 .btn & {
28 position: relative;
29 top: -1px;
30 }
31 }
32
33 // Hover state, but only for links
34 a.badge {
35 &:hover,
36 &:focus {
37 color: @badge-link-hover-color;
38 text-decoration: none;
39 cursor: pointer;
40 }
41 }
42
43 // Account for counters in navs
44 a.list-group-item.active > .badge,
45 .nav-pills > .active > a > .badge {
46 color: @badge-active-color;
47 background-color: @badge-active-bg;
48 }
49 .nav-pills > li > a > .badge {
50 margin-left: 3px;
51 }