|
1
|
.button-variant(@color; @background; @border) {
|
|
2
|
color: @color;
|
|
3
|
background-color: @background;
|
|
4
|
border-color: @border;
|
|
5
|
|
|
6
|
&:hover,
|
|
7
|
&:focus,
|
|
8
|
&:active,
|
|
9
|
&.active,
|
|
10
|
.open .dropdown-toggle& {
|
|
11
|
color: @color;
|
|
12
|
background-color: darken(@background, 10%);
|
|
13
|
border-color: darken(@border, 12%);
|
|
14
|
}
|
|
15
|
&:active,
|
|
16
|
&.active,
|
|
17
|
.open .dropdown-toggle& {
|
|
18
|
background-image: none;
|
|
19
|
}
|
|
20
|
&.disabled,
|
|
21
|
&[disabled],
|
|
22
|
fieldset[disabled] & {
|
|
23
|
&,
|
|
24
|
&:hover,
|
|
25
|
&:focus,
|
|
26
|
&:active,
|
|
27
|
&.active {
|
|
28
|
background-color: @background;
|
|
29
|
border-color: @border;
|
|
30
|
}
|
|
31
|
}
|
|
32
|
|
|
33
|
.badge {
|
|
34
|
color: @background;
|
|
35
|
background-color: @color;
|
|
36
|
}
|
|
37
|
}
|