Files: 9de2656efd585098ef7eb72d618684bd03e34c37 / styles / button.mcss
767 bytesRaw
1 | Button { |
2 | font-family: arial |
3 | $backgroundPrimaryText |
4 | |
5 | min-width: 6rem |
6 | height: 1.2em |
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 | -subtle { |
19 | color: initial |
20 | :hover { |
21 | color: #222 |
22 | } |
23 | } |
24 | |
25 | -primary { |
26 | $colorPrimary |
27 | $font |
28 | $borderPrimary |
29 | |
30 | :hover { |
31 | opacity: .9 |
32 | } |
33 | } |
34 | |
35 | -channel { |
36 | $backgroundPrimary |
37 | $colorFontPrimary |
38 | font-size: .9rem |
39 | min-width: initial |
40 | } |
41 | |
42 | -channelActive { |
43 | $colorPrimary |
44 | $borderPrimary |
45 | font-size: .9rem |
46 | min-width: initial |
47 | } |
48 | |
49 | -showMore { |
50 | width: 100% |
51 | |
52 | padding: .2rem 0 |
53 | |
54 | border-left: none |
55 | border-right: none |
56 | border-bottom: none |
57 | } |
58 | } |
59 | |
60 |
Built with git-ssb-web