badges.less
2.25 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
@import "../variable";
@import "../mixins";
.badge {
border-radius: 2px;
font-weight: 300;
}
.badge-dark {
background-color: @dark;
}
.badge-white {
background-color: @white;
color:#2B2E33;
}
.badge-default {
background-color: @default;
}
.badge-primary {
background-color: @primary;
}
.badge-success {
background-color: @success;
}
.badge-info {
background-color: @info;
}
.badge-warning {
background-color: @warning;
}
.badge-danger {
background-color: @danger;
}
.badge-rounded {
border:2px solid rgba(255,255,255,0.5);
height:24px;
padding:0;
text-align: center;
width:24px;
.border-radius(12px);
}
.badge-sold {
text-transform: uppercase;
}
.badge-stock {
text-decoration: line-through;
}
.label {
font-weight: 500;
}
.label-default {
background-color:@default;
color:#121212;
}
.label-default[href] {
&:hover {
background-color:@default-hover;
}
&:focus {
background-color:@default-hover;
}
}
.label-primary {
background-color:@primary;
&:hover {
background-color:@primary-hover;
}
}
.label-primary[href] {
&:hover {
background-color:@primary;
}
&:focus {
background-color:@primary-hover;
}
}
.label-success {
background-color:@success;
&:hover {
background-color:@success-hover;
}
}
.label-success[href] {
&:hover {
background-color:@success-hover;
}
&:focus {
background-color:@success-hover;
}
}
.label-info {
background-color: @info;
&:hover {
background-color: @info-hover;
}
}
.label-info[href] {
&:hover {
background-color:@info-hover;
}
&:focus {
background-color:@info-hover;
}
}
.label-warning {
background-color: @warning;
&:hover {
background-color:@warning-hover;
}
}
.label-warning[href] {
&:hover {
background-color:@warning-hover;
}
&:focus {
background-color:@warning-hover;
}
}
.label-danger {
background-color:@danger;
&:hover {
background-color:@danger-hover;
}
}
.label-danger[href] {
&:hover {
background-color:@danger-hover;
}
&:focus {
background-color:@danger-hover;
}
}
.label-blue {
background-color:@blue;
&:hover {
background-color:@blue-hover;
}
}
.label-blue[href] {
&:hover {
background-color:@blue-hover;
}
&:focus {
background-color:@blue-hover;
}
}