Files: e7cb9fed92d71db542d760efdf0e11216374124f / styles / button.mcss
882 bytesRaw
1 | Button { |
2 | font-family: arial |
3 | $backgroundPrimaryText |
4 | |
5 | min-width: 5rem |
6 | height: 1.4rem |
7 | padding: .2rem 1rem |
8 | |
9 | border: 1px #b9b9b9 solid |
10 | border-radius: 10rem |
11 | |
12 | cursor: pointer |
13 | |
14 | display: flex |
15 | justify-content: center |
16 | align-items: center |
17 | |
18 | :hover { |
19 | opacity: .7 |
20 | } |
21 | transition: all .1s ease-in |
22 | |
23 | -subtle { |
24 | color: #555 |
25 | :hover { |
26 | color: #222 |
27 | } |
28 | } |
29 | |
30 | -primary { |
31 | $font |
32 | $colorFontPrimary |
33 | $borderPrimary |
34 | } |
35 | |
36 | -strong { |
37 | $colorPrimary |
38 | $font |
39 | $borderPrimary |
40 | } |
41 | |
42 | -channel { |
43 | $backgroundPrimary |
44 | $colorFontPrimary |
45 | font-size: .9rem |
46 | padding: .1rem .7rem |
47 | min-width: initial |
48 | } |
49 | |
50 | -channelActive { |
51 | $colorPrimary |
52 | $borderPrimary |
53 | font-size: .9rem |
54 | min-width: initial |
55 | } |
56 | |
57 | -showMore { |
58 | width: 100% |
59 | |
60 | padding: .2rem 0 |
61 | |
62 | border-left: none |
63 | border-right: none |
64 | border-bottom: none |
65 | } |
66 | } |
67 | |
68 |
Built with git-ssb-web