git ssb

16+

Dominic / patchbay



Tree: 2714beb84a9764d8bb5b2e11f19bac1c8289b0b8

Files: 2714beb84a9764d8bb5b2e11f19bac1c8289b0b8 / app / styles / suggest-box.mcss

1665 bytesRaw
1// SuggestBox
2body {
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