git ssb

10+

Matt McKegg / patchwork



Tree: 309e74ff2caff03527d5f5bc77a2e35d3330ddcf

Files: 309e74ff2caff03527d5f5bc77a2e35d3330ddcf / styles / dark / channel-list.mcss

1751 bytesRaw
1ChannelList {
2 a.channel {
3 display: flex;
4 padding: 8px 10px;
5 font-size: 110%;
6 margin: 4px 0;
7 background: #2d2c2c;
8 color: #ccc;
9 border-radius: 3px;
10 position: relative
11 transition: background-color 0.25s
12 max-width: 250px;
13
14 background-repeat: no-repeat
15 background-position: right
16
17 -more {
18 background-color: transparent
19 color: #6e6d6d
20
21 :hover {
22 background-color: transparent
23 color: #ccc
24 }
25 }
26
27 -subscribed {
28 background-image: svg(subscribed)
29 border-left: 2px solid #51c067;
30 border-top-left-radius: 0;
31 border-bottom-left-radius: 0;
32
33 span.name {
34 font-weight: bold
35 }
36 }
37
38 @svg subscribed {
39 width: 20px
40 height: 12px
41 content: "<circle cx='6' stroke='#888' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#888'/>"
42 }
43
44 :hover {
45 background: #434141;
46 text-decoration: none;
47 a {
48 transition: opacity 0.05s
49 opacity: 1
50 }
51 }
52
53 span.name {
54 flex: 1
55 white-space: nowrap;
56 min-width: 0;
57 }
58
59 a {
60 display: inline
61 opacity: 0;
62 font-size: 80%;
63 background-color: rgb(112, 112, 112);
64 transition: opacity 0.2s, background-color 0.4s
65 padding: 9px 10px;
66 color: white;
67 border-radius: 3px;
68 margin: -8px -10px -8px 4px;
69 border-top-left-radius: 0;
70 border-bottom-left-radius: 0;
71 border-left: 2px solid rgba(255, 255, 255, 0.9);
72 text-decoration: none
73
74 -subscribe {
75 :hover {
76 background-color: #51c067;
77 }
78 }
79
80 -unsubscribe {
81 :hover {
82 background: rgb(212, 112, 112);
83 }
84 }
85 }
86 }
87}
88

Built with git-ssb-web