| 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 |