Files: 6791a012f6f25d8aeb64cae36c5f8ff3b21e9132 / app / styles / mcss / button.mcss
1396 bytesRaw
1 | button { |
2 | font-family: arial |
3 | text-transform: uppercase |
4 | font-weight: bold |
5 | font-size: .7rem |
6 | letter-spacing: 1.4px |
7 | |
8 | color: #666 |
9 | background-color: #fff |
10 | |
11 | min-width: 6rem |
12 | min-height: 1.8rem |
13 | |
14 | padding: .2rem 1rem |
15 | cursor: pointer |
16 | border: 1px #b9b9b9 solid |
17 | outline: none |
18 | |
19 | display: flex |
20 | justify-content: center |
21 | align-items: center |
22 | |
23 | transition: border, color, background .1s ease-in |
24 | word-break: initial |
25 | |
26 | :focus { |
27 | outline: none |
28 | /* border-color: #0088cc */ |
29 | /* box-shadow: 0 0 4px #0088cc */ |
30 | } |
31 | |
32 | :hover { |
33 | color: #fff |
34 | background-color: #15d6b4 |
35 | border: 1px solid #15d6b4 |
36 | outline: none |
37 | } |
38 | |
39 | :disabled { |
40 | color: grey |
41 | background: rgba(255,255,255,.3) |
42 | cursor: not-allowed |
43 | border: none |
44 | |
45 | :hover { |
46 | background: rgba(255,0,0,.3) |
47 | } |
48 | } |
49 | |
50 | -subtle { |
51 | color: #b9b9b9 |
52 | border: 1px solid rgba(0,0,0,0) |
53 | background: none |
54 | |
55 | :hover { |
56 | color: #fff |
57 | background-color: rgba(200,0,0,.5) |
58 | border: 1px solid rgba(200,0,0,.5) |
59 | } |
60 | } |
61 | |
62 | -primary { |
63 | color: #fff |
64 | background-color: #9754de |
65 | border: 1px solid #9754de |
66 | |
67 | :hover { |
68 | background-color: #de54cc |
69 | border: 1px solid #de54cc |
70 | } |
71 | } |
72 | |
73 | -active { |
74 | color: #aa2cda |
75 | border: 1px solid #aa2cda |
76 | } |
77 | |
78 | -showMore { |
79 | width: 100% |
80 | |
81 | padding: .2rem 0 |
82 | |
83 | border-left: none |
84 | border-right: none |
85 | border-bottom: none |
86 | } |
87 | } |
88 | |
89 |
Built with git-ssb-web