Files: 1b3cd033a1bcbce8ab33456c2f553c44c385aa85 / styles / light / toggle-button.mcss
911 bytesRaw
1 | ToggleButton { |
2 | font-size: 90%; |
3 | background: rgb(112, 112, 112); |
4 | border: 2px solid #313131; |
5 | transition: opacity 0.2s; |
6 | opacity: 0.6; |
7 | padding: 6px 12px; |
8 | color: white; |
9 | border-radius: 4px; |
10 | font-weight: bold; |
11 | text-decoration: none; |
12 | display: block; |
13 | |
14 | -subscribe { |
15 | background-color: rgb(88, 171, 204); |
16 | border-color: #20699c; |
17 | } |
18 | |
19 | -unsubscribe { |
20 | background-repeat: no-repeat |
21 | background-position: right |
22 | background-image: svg(subscribed) |
23 | padding-right: 25px |
24 | } |
25 | |
26 | -unblocking { |
27 | background-color: #deb250 |
28 | border-color: #ad7904 |
29 | } |
30 | |
31 | -disabled { |
32 | cursor: default |
33 | opacity: 0.4 !important |
34 | text-decoration: none !important |
35 | } |
36 | |
37 | :hover { |
38 | opacity: 1 |
39 | text-decoration: none |
40 | } |
41 | |
42 | @svg subscribed { |
43 | width: 20px |
44 | height: 12px |
45 | content: "<circle cx='6' stroke='#FFF' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#FFF'/>" |
46 | } |
47 | } |
48 |
Built with git-ssb-web