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 |