list.css revision 3f50c38dc070f4bb515c1b64450dae14f316474e 
1
2list {
3  display: block;
4  outline: none;
5  overflow: auto;
6  position: relative; /* Make sure that item offsets are relative to the
7                         list. */
8}
9
10list > * {
11  -webkit-user-select: none;
12  background-color: rgba(255,255,255,0);
13  border: 1px solid rgba(255,255,255,0); /* transparent white */
14  border-radius: 2px;
15  cursor: default;
16  display: block;
17  line-height: 20px;
18  margin: -1px 0;
19  overflow: hidden;
20  padding: 0px 3px;
21  position: relative; /* to allow overlap */
22  text-overflow: ellipsis;
23  white-space: pre;
24}
25
26list > [lead] {
27  border-color: transparent;
28}
29
30list:focus > [lead] {
31  border-color: hsl(214, 91%, 65%);
32  z-index: 2;
33}
34
35list > [anchor] {
36
37}
38
39list:not([disabled]) > :hover {
40  border-color: hsl(214, 91%, 85%);
41  z-index: 1;
42  background-color: hsl(214, 91%, 97%);
43}
44
45list > [selected] {
46  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8),
47                                            rgba(255, 255, 255, 0));
48}
49
50list > [selected] {
51  border-color: hsl(0, 0%, 85%);
52  background-color: hsl(0,0%,90%);
53  z-index: 2;
54}
55
56list:focus > [selected] {
57  background-color: hsl(214,91%,89%);
58  border-color: hsl(214, 91%, 65%);
59}
60
61list:focus > [lead][selected],
62list > [selected]:hover {
63  background-color: hsl(214, 91%, 87%);
64  border-color: hsl(214, 91%, 65%);
65}
66
67list > .spacer {
68  border: 0;
69  box-sizing: border-box;
70  overflow: hidden;
71  visibility: hidden;
72  margin: 0;
73}
74