Files: 2d88702c84070a0e25dd321ebe69227e78637e7a / styles / light / suggest-box.mcss
912 bytesRaw
1 | SuggestBox { |
2 | width: max-content; |
3 | max-height: 50vh; |
4 | overflow-y: auto; |
5 | background-color: #fff; |
6 | border: 1px gainsboro solid; |
7 | z-index: 1000 |
8 | |
9 | padding: .2rem .5rem; |
10 | margin-top: .35rem; |
11 | |
12 | ul { |
13 | list-style-type: none; |
14 | padding: 0; |
15 | |
16 | li.following { |
17 | font-weight: bold |
18 | |
19 | strong { |
20 | font-weight: bold |
21 | $following |
22 | } |
23 | } |
24 | |
25 | li { |
26 | display: flex; |
27 | align-items: center; |
28 | |
29 | padding-right: .2rem; |
30 | margin-bottom: .2rem; |
31 | cursor: pointer |
32 | |
33 | img { |
34 | height: 36px; |
35 | width: 36px; |
36 | padding: .2rem; |
37 | } |
38 | |
39 | strong { |
40 | flex-grow: 1; |
41 | margin-left: .5rem; |
42 | font-weight: 300; |
43 | } |
44 | |
45 | small { |
46 | font-family: monospace; |
47 | margin-left: .5rem; |
48 | padding-right: .2rem; |
49 | font-size: 1rem; |
50 | } |
51 | } |
52 | |
53 | li.selected { |
54 | color: #fff; |
55 | background: #0caaf9; |
56 | } |
57 | } |
58 | |
59 | } |
60 |
Built with git-ssb-web