source: trip-planner-front/node_modules/bootstrap/less/badges.less@ 6a80231

Last change on this file since 6a80231 was fa375fe, checked in by Ema <ema_spirova@…>, 3 years ago

adding new components

  • Property mode set to 100644
File size: 1.2 KB
Line 
1//
2// Badges
3// --------------------------------------------------
4
5
6// Base class
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 line-height: @badge-line-height;
14 color: @badge-color;
15 text-align: center;
16 white-space: nowrap;
17 vertical-align: middle;
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 .btn-xs &,
33 .btn-group-xs > .btn & {
34 top: 0;
35 padding: 1px 5px;
36 }
37
38 // Hover state, but only for links
39 a& {
40 &:hover,
41 &:focus {
42 color: @badge-link-hover-color;
43 text-decoration: none;
44 cursor: pointer;
45 }
46 }
47
48 // Account for badges in navs
49 .list-group-item.active > &,
50 .nav-pills > .active > a > & {
51 color: @badge-active-color;
52 background-color: @badge-active-bg;
53 }
54
55 .list-group-item > & {
56 float: right;
57 }
58
59 .list-group-item > & + & {
60 margin-right: 5px;
61 }
62
63 .nav-pills > li > a > & {
64 margin-left: 3px;
65 }
66}
Note: See TracBrowser for help on using the repository browser.