Commit 2e0d53a896303e589d9b3efb65be87b7ed67ae7e
add suggest-box mcss
mix irving committed on 2/28/2017, 8:13:09 AMParent: d1cbca468976daecdbe0e7e526ee93f7f56f9a9f
Files changed
main/html/suggest-box.mcss | added |
main/html/suggest-box.mcss | ||
---|---|---|
@@ -1,0 +1,51 @@ | ||
1 | +body { | |
2 | + div.suggest-box { | |
3 | + width: max-content | |
4 | + background-color: #fff | |
5 | + border: 1px gainsboro solid | |
6 | + | |
7 | + padding: .2rem .5rem | |
8 | + margin-top: .35rem | |
9 | + | |
10 | + ul { | |
11 | + list-style-type: none | |
12 | + padding: 0 | |
13 | + | |
14 | + li { | |
15 | + display: flex | |
16 | + align-items: center | |
17 | + | |
18 | + padding-right: .2rem | |
19 | + margin-bottom: .2rem | |
20 | + | |
21 | + img { | |
22 | + height: 36px | |
23 | + width: 36px | |
24 | + padding: .2rem | |
25 | + /* TODO make smaller emoji thumbnails */ | |
26 | + } | |
27 | + strong { | |
28 | + flex-grow: 1 | |
29 | + margin-left: .5rem | |
30 | + font-weight: 300 | |
31 | + } | |
32 | + small { | |
33 | + font-family: monospace | |
34 | + margin-left: .5rem | |
35 | + padding-right: .2rem | |
36 | + font-size: 1rem | |
37 | + } | |
38 | + } | |
39 | + | |
40 | + li.selected { | |
41 | + color: #fff | |
42 | + background: #0caaf9 | |
43 | + | |
44 | + img {} | |
45 | + strong {} | |
46 | + small {} | |
47 | + } | |
48 | + } | |
49 | + } | |
50 | +} | |
51 | + |
Built with git-ssb-web