Files: 2714beb84a9764d8bb5b2e11f19bac1c8289b0b8 / app / styles / suggest-box.mcss
1665 bytesRaw
1 | // SuggestBox |
2 | body { |
3 | div.suggest-box { |
4 | width: max-content |
5 | background-color: #fff |
6 | |
7 | min-width: 20rem |
8 | max-width: 35rem |
9 | padding: .2rem .5rem |
10 | margin-top: .35rem |
11 | border: 1px gainsboro solid |
12 | |
13 | ul { |
14 | list-style-type: none |
15 | padding: 0 |
16 | |
17 | li { |
18 | display: flex |
19 | align-items: center |
20 | |
21 | padding-right: .2rem |
22 | margin-bottom: .2rem |
23 | |
24 | img { |
25 | height: 36px |
26 | width: 36px |
27 | min-width: 36px |
28 | padding: .2rem |
29 | } |
30 | |
31 | strong { |
32 | font-weight: 300 |
33 | min-width: 7rem |
34 | margin-left: .5rem |
35 | margin-right: .5rem |
36 | |
37 | span.subtle { |
38 | color: #aaa |
39 | } |
40 | } |
41 | |
42 | small { |
43 | flex-grow: 1 |
44 | |
45 | margin-left: .5rem |
46 | padding-right: .2rem |
47 | font-size: 1rem |
48 | |
49 | display: flex |
50 | justify-content: flex-end |
51 | |
52 | div.aliases { |
53 | flex-grow: 1 |
54 | |
55 | font-size: .8rem |
56 | color: #666 |
57 | margin-right: .5rem |
58 | |
59 | display: flex |
60 | flex-wrap: wrap |
61 | |
62 | div.alias { |
63 | margin-right: .4rem |
64 | -bold { |
65 | font-weight: 600 |
66 | } |
67 | } |
68 | } |
69 | |
70 | div.key { |
71 | align-self: flex-end |
72 | |
73 | margin: auto 0 |
74 | |
75 | font-family: monospace |
76 | font-size: .8rem |
77 | min-width: 5rem |
78 | } |
79 | } |
80 | } |
81 | |
82 | li.selected { |
83 | color: #fff |
84 | background: #0caaf9 |
85 | |
86 | img {} |
87 | strong {} |
88 | small { |
89 | div.aliases { |
90 | color: #eee |
91 | } |
92 | } |
93 | } |
94 | } |
95 | } |
96 | } |
97 | |
98 |
Built with git-ssb-web