OLD | NEW |
1 | 1 |
2 list { | 2 list { |
3 display: block; | 3 display: block; |
4 outline: none; | 4 outline: none; |
5 overflow: auto; | 5 overflow: auto; |
6 position: relative; /* Make sure that item offsets are relative to the | 6 position: relative; /* Make sure that item offsets are relative to the |
7 list. */ | 7 list. */ |
8 height: 200px; | 8 height: 200px; |
9 } | 9 } |
10 | 10 |
(...skipping 19 matching lines...) Expand all Loading... |
30 | 30 |
31 list:focus > [lead] { | 31 list:focus > [lead] { |
32 border-color: hsl(214, 91%, 65%); | 32 border-color: hsl(214, 91%, 65%); |
33 z-index: 2; | 33 z-index: 2; |
34 } | 34 } |
35 | 35 |
36 list > [anchor] { | 36 list > [anchor] { |
37 | 37 |
38 } | 38 } |
39 | 39 |
40 list > :hover { | 40 list:not([disabled]) > :hover { |
41 border-color: hsl(214, 91%, 85%); | 41 border-color: hsl(214, 91%, 85%); |
42 z-index: 1; | 42 z-index: 1; |
43 background-color: hsl(214, 91%, 97%); | 43 background-color: hsl(214, 91%, 97%); |
44 } | 44 } |
45 | 45 |
46 list > [selected] { | 46 list > [selected] { |
47 background-image: -webkit-gradient(linear, left top, left bottom, | 47 background-image: -webkit-gradient(linear, left top, left bottom, |
48 from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0))); | 48 from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0))); |
49 } | 49 } |
50 | 50 |
(...skipping 14 matching lines...) Expand all Loading... |
65 border-color: hsl(214, 91%, 65%); | 65 border-color: hsl(214, 91%, 65%); |
66 } | 66 } |
67 | 67 |
68 list > .spacer { | 68 list > .spacer { |
69 border: 0; | 69 border: 0; |
70 -webkit-box-sizing: border-box; | 70 -webkit-box-sizing: border-box; |
71 overflow: hidden; | 71 overflow: hidden; |
72 visibility: hidden; | 72 visibility: hidden; |
73 margin: 0; | 73 margin: 0; |
74 } | 74 } |
OLD | NEW |