| OLD | NEW |
| 1 | 1 |
| 2 list { | 2 list { |
| 3 overflow: auto; | 3 overflow: auto; |
| 4 outline: none; | 4 outline: none; |
| 5 } | 5 } |
| 6 | 6 |
| 7 list > * { | 7 list > * { |
| 8 -webkit-user-select: none; | 8 -webkit-user-select: none; |
| 9 border: 1px solid rgba(255,255,255,0); /* transparent white */ | 9 border: 1px solid rgba(255,255,255,0); /* transparent white */ |
| 10 background-color: rgba(255,255,255,0); | 10 background-color: rgba(255,255,255,0); |
| 11 -webkit-border-radius: 2px; | 11 border-radius: 2px; |
| 12 padding: 0px 3px; | 12 padding: 0px 3px; |
| 13 line-height: 20px; | 13 line-height: 20px; |
| 14 white-space: nowrap; | 14 white-space: nowrap; |
| 15 cursor: default; | 15 cursor: default; |
| 16 -webkit-transition: all .12s; | 16 -webkit-transition: all .12s; |
| 17 position: relative; /* to allow overlap */ | 17 position: relative; /* to allow overlap */ |
| 18 display: block; | 18 display: block; |
| 19 } | 19 } |
| 20 | 20 |
| 21 list > [lead] { | 21 list > [lead] { |
| (...skipping 29 matching lines...) Expand all Loading... |
| 51 list:focus > [selected] { | 51 list:focus > [selected] { |
| 52 background-color: hsl(214,91%,89%); | 52 background-color: hsl(214,91%,89%); |
| 53 border-color: hsl(214, 91%, 65%); | 53 border-color: hsl(214, 91%, 65%); |
| 54 } | 54 } |
| 55 | 55 |
| 56 list:focus > [lead][selected], | 56 list:focus > [lead][selected], |
| 57 list > [selected]:hover { | 57 list > [selected]:hover { |
| 58 background-color: hsl(214,91%,87%); | 58 background-color: hsl(214,91%,87%); |
| 59 border-color: hsl(214, 91%, 65%); | 59 border-color: hsl(214, 91%, 65%); |
| 60 } | 60 } |
| OLD | NEW |