blob: 360da2620a82b38ee4d43fe7f356b33a3842f8e3 (
plain)
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
|
// We use `button:not(.btn)` because `button` has a higher priority than CSS classes
// which makes it impossible to use btn-lg or similar additional classes.
button.btn,
input[type="submit"].btn,
.btn {
display: inline-block;
.border-radius(3px);
background: none;
background-color: @theme-color-brand;
color: @theme-color-brand-contrast !important;
font-size: 12px;
font-weight: normal;
text-align: center;
text-decoration: none;
cursor: pointer;
border: 0;
&:hover,
&:focus {
color: @theme-color-brand-contrast;
background: @theme-color-brand;
text-decoration: none;
}
em {
font-style: normal;
}
}
.btn-flat:hover {
background-color: @theme-color-background-base;
text-decoration: none !important;
box-shadow: 0 0;
}
.btn.btn-small {
padding: 0 16px;
}
// Bootstrap classes (can be removed in the future)
.btn {
display: inline-block;
}
.btn-block {
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
opacity: 0.65;
color: white !important;
}
// See http://getbootstrap.com/css/#buttons-options
.btn.btn-noop {
background: transparent;
color: @theme-color-text;
pointer-events: none;
cursor: not-allowed;
box-shadow: none;
}
.btn, .btn-large, .btn-small, .btn-flat {
padding: 0 2rem;
}
|