git ssb

0+

alanz / patchwork



forked from Matt McKegg / patchwork

Tree: a7c3e5082024db0cf8d9cabcd605b1aac6575fd5

Files: a7c3e5082024db0cf8d9cabcd605b1aac6575fd5 / styles / dark / profile-list.mcss

1499 bytesRaw
1ProfileList {
2 a.profile {
3 display: flex;
4 padding: 4px;
5 font-size: 110%;
6 margin: 4px 0;
7 background: #2d2c2c;
8 border-radius: 3px;
9 position: relative
10 text-decoration: none
11 transition: background-color 0.25s
12
13 background-repeat: no-repeat
14 background-position: right
15
16 -following {
17 background-image: svg(following)
18 }
19
20 -connected {
21 background-image: svg(connected)
22 }
23
24 @svg connected {
25 width: 20px
26 height: 12px
27 content: "<circle cx='6' stroke='none' fill='#45b754' cy='6' r='5' />"
28 }
29
30 @svg following {
31 width: 20px
32 height: 12px
33 content: "<circle cx='6' stroke='#888' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#888'/>"
34 }
35
36 :hover {
37 background-color: #434141;
38 }
39
40 div.avatar {
41 img {
42 width: 40px
43 height: 40px
44 display: block
45 border-radius: 3px
46 }
47 }
48
49 div.main {
50 display: flex
51 flex-direction: column
52 flex: 1
53 margin-left: 10px
54 justify-content: center
55 min-width: 0px
56 div.name {
57 white-space: nowrap
58 color: #ccc
59 -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,1) 90%, rgba(0,0,0,0))
60 }
61 }
62
63 div.progress {
64 display: flex
65 flex-direction: column
66 svg {
67 transition: opacity 0.2s
68 opacity: 0
69 -pending {
70 opacity: 1
71 }
72 width: 20px
73 flex: 1
74 }
75 }
76 }
77}
78

Built with git-ssb-web