Files: 7a5359e5b8b6477de66abab7748e8f1c595a1875 / styles / patchSuggest.mcss
1161 bytesRaw
1 | PatchSuggest { |
2 | box-shadow: rgba(0,0,0,0.1) 4px 4px 10px |
3 | |
4 | ul { |
5 | li { |
6 | img { $circleSmall } |
7 | |
8 | small { |
9 | div.key { font-size: 1rem } |
10 | } |
11 | } |
12 | } |
13 | |
14 | } |
15 | |
16 | PatchSuggest -channelHorizontal { |
17 | max-width: 50vw |
18 | |
19 | ul { |
20 | display: flex |
21 | flex-wrap: wrap |
22 | |
23 | li { |
24 | //// copied from Button.mcss |
25 | text-align: center |
26 | |
27 | $backgroundPrimary |
28 | |
29 | padding: .3rem .4rem |
30 | |
31 | border: 1px #b9b9b9 solid |
32 | border-radius: 10rem |
33 | |
34 | cursor: pointer |
35 | //// |
36 | |
37 | margin-right: 1rem |
38 | margin-bottom: .5rem |
39 | |
40 | img { |
41 | } |
42 | |
43 | strong { |
44 | min-width: initial |
45 | |
46 | span.subtle { |
47 | } |
48 | } |
49 | |
50 | small { |
51 | |
52 | // profile only |
53 | div.aliases { |
54 | div.alias { |
55 | -bold { |
56 | } |
57 | } |
58 | } |
59 | |
60 | // profile only |
61 | div.key { |
62 | } |
63 | |
64 | // emoji only |
65 | div.emoji { |
66 | } |
67 | |
68 | } |
69 | } |
70 | |
71 | li.selected { |
72 | //// copied from Button.mcss |
73 | $colorPrimary |
74 | $borderPrimary |
75 | |
76 | :hover { |
77 | opacity: .9 |
78 | } |
79 | //// |
80 | |
81 | img {} |
82 | strong {} |
83 | small { |
84 | div.aliases { |
85 | } |
86 | } |
87 | } |
88 | } |
89 | } |
90 | |
91 |
Built with git-ssb-web