Files: 4d9f238ff73f7136cd292da88f06c17fe1a8c445 / styles / dracula / toggle-button.mcss
884 bytesRaw
1 | ToggleButton { |
2 | color: #8be9fd |
3 | background: #282a36 |
4 | border: 0 |
5 | color: #ccc |
6 | :hover { |
7 | color: white |
8 | } |
9 | -unblocking { |
10 | color: white |
11 | } |
12 | -subscribe { |
13 | background-color: #44475a |
14 | color: #f8f8f2 |
15 | :hover { |
16 | background-color: #50fa7b |
17 | color: #44475a |
18 | } |
19 | } |
20 | -unsubscribe { |
21 | background-color: #44475a |
22 | color: #f8f8f2 |
23 | :hover { |
24 | background-color: #ff5555 |
25 | color: #44475a |
26 | background-image: svg(subscribed-hover) |
27 | } |
28 | } |
29 | -drop { |
30 | :after { |
31 | border-color: #ffb86c |
32 | background-color: #ccc |
33 | } |
34 | } |
35 | @svg subscribed { |
36 | content: "<circle cx='6' stroke='#ccc' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#ccc'/>" |
37 | } |
38 | @svg subscribed-hover { |
39 | width: 20px |
40 | height: 12px |
41 | content: "<circle cx='6' stroke='#fff' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#fff'/>" |
42 | } |
43 | } |
44 |
Built with git-ssb-web