1 | .btn {
|
2 | display: inline-block;
|
3 | padding: 5px 10px;
|
4 | font-weight: bold;
|
5 | text-align: center;
|
6 | vertical-align: middle;
|
7 | border: 1px solid #3079ed;
|
8 | border-radius: 2px;
|
9 | background-color: #4787ed;
|
10 | color: white;
|
11 | cursor: pointer; }
|
12 | .btn:hover {
|
13 | background-color: #357ae8;
|
14 | border-color: #2f5bb7; }
|
15 | .btn[disabled] {
|
16 | border-color: #3079ed;
|
17 | background-color: #4787ed;
|
18 | color: white;
|
19 | opacity: 0.8;
|
20 | cursor: default; }
|
21 | .btn.secondary {
|
22 | display: inline-block;
|
23 | padding: 5px 10px;
|
24 | font-weight: bold;
|
25 | text-align: center;
|
26 | vertical-align: middle;
|
27 | border: 1px solid rgba(0, 0, 0, 0.1);
|
28 | border-radius: 2px;
|
29 | background-color: whitesmoke;
|
30 | color: #444444;
|
31 | cursor: pointer; }
|
32 | .btn.secondary:hover {
|
33 | background-color: #e0e0e0;
|
34 | color: #333333; }
|
35 | .btn.secondary[disabled] {
|
36 | border-color: rgba(0, 0, 0, 0.1);
|
37 | background-color: whitesmoke;
|
38 | color: #444444;
|
39 | opacity: 0.8;
|
40 | cursor: default; }
|
41 |
|
42 | .btn-close {
|
43 | close-button: true; }
|
44 |
|
45 | .btn-close-inherit {
|
46 | close-button: true; }
|