Files: 878a75b5b09e6272b0bdbb499735531d4e9864e9 / styles / button.mcss
883 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 | |
43 | -channel { |
44 | $backgroundPrimary |
45 | $colorFontPrimary |
46 | font-size: .9rem |
47 | padding: .1rem .7rem |
48 | min-width: initial |
49 | } |
50 | |
51 | -channelActive { |
52 | $colorPrimary |
53 | $borderPrimary |
54 | font-size: .9rem |
55 | min-width: initial |
56 | } |
57 | |
58 | -showMore { |
59 | width: 100% |
60 | |
61 | padding: .2rem 0 |
62 | |
63 | border-left: none |
64 | border-right: none |
65 | border-bottom: none |
66 | } |
67 | } |
68 | |
69 |
Built with git-ssb-web