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