Files: b7ae6aab41bf1d2ae415e7621d196b09103f4371 / styles / light / button.mcss
1142 bytesRaw
1 | button { |
2 | color: #5f5f5f; |
3 | padding: 8px 10px |
4 | background: #ddd; |
5 | border: 0 |
6 | border-radius: 3px |
7 | font-size: 13px |
8 | cursor: pointer |
9 | transition: background-color 0.25s ease, color 0.25s ease |
10 | |
11 | :hover { |
12 | color: #ffffff |
13 | background-color: #959EAB |
14 | border-color: #959EAB |
15 | } |
16 | |
17 | :focus { |
18 | outline: 1px dotted #959EAB |
19 | } |
20 | |
21 | :active { |
22 | background-color: #959EAB !important |
23 | } |
24 | |
25 | [disabled] { |
26 | color: #999797 !important; |
27 | background: #e3e2e2 !important; |
28 | border-color: #DDD !important; |
29 | } |
30 | |
31 | -add { |
32 | :hover { |
33 | border-color: #7dbd85; |
34 | background-color: #7dbd85; |
35 | } |
36 | } |
37 | |
38 | -pub { |
39 | color: #ffffff |
40 | background-color: #959ea9 |
41 | border-color: #959ea9 |
42 | |
43 | :hover { |
44 | background-color: rgb(112, 184, 212) |
45 | border-color: rgb(112, 184, 212) |
46 | color: #ffffff |
47 | } |
48 | } |
49 | |
50 | -save { |
51 | color: #ffffff; |
52 | background-color: #70b57d; |
53 | border-color: #70b57d; |
54 | |
55 | :active { |
56 | background-color: #59a066 |
57 | } |
58 | |
59 | :hover { |
60 | background-color: #59a066 |
61 | border-color: #59a066 |
62 | color: #ffffff; |
63 | } |
64 | } |
65 | |
66 | -full { |
67 | display: block |
68 | width: 100% |
69 | margin: 15px 0 |
70 | } |
71 | } |
72 |
Built with git-ssb-web