git ssb

10+

Matt McKegg / patchwork



Tree: 1af1f98a554f13bde7ab27e8c5b0da089272ab19

Files: 1af1f98a554f13bde7ab27e8c5b0da089272ab19 / styles / dark / toggle-button.mcss

1285 bytesRaw
1ToggleButton {
2 display: inline-block
3 color: #757474
4 padding: 8px 10px
5 background: #2d2c2c
6 border: 0
7 border-radius: 3px
8 font-size: 13px
9 cursor: pointer
10 transition: background-color 0.25s ease, color 0.25s ease
11
12 -subscribe {
13 color: #ccc
14
15 :before {
16 content: '★ '
17 }
18 :hover {
19 background-color: #45b754;
20 color: white;
21 }
22 }
23
24 -unsubscribe {
25 background-repeat: no-repeat
26 background-position: right
27 background-image: svg(subscribed)
28 padding-right: 25px
29
30 :hover {
31 background-image: svg(subscribed-hover)
32 }
33 }
34
35 -blocking {
36 margin-left: 5px
37 border: 0px
38 }
39
40 -unblocking {
41 margin-left: 5px
42 background-color: rgb(212, 112, 112)
43 color: #ffffff
44 border: 0px
45 }
46
47 -disabled {
48 cursor: default
49 opacity: 0.4 !important
50 text-decoration: none !important
51 }
52
53 :hover {
54 opacity: 1
55 text-decoration: none
56 }
57
58 @svg subscribed {
59 width: 20px
60 height: 12px
61 content: "<circle cx='6' stroke='#757474' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#757474'/>"
62 }
63
64 @svg subscribed-hover {
65 width: 20px
66 height: 12px
67 content: "<circle cx='6' stroke='#aaa' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#aaa'/>"
68 }
69}
70

Built with git-ssb-web