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