OLD | NEW |
1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 :host { | 5 :host { |
6 align-items: center; | 6 align-items: center; |
7 background: rgb(245, 245, 245); | 7 background: rgb(245, 245, 245); |
8 bottom: 72px; /* Room for the controls bar. */ | 8 bottom: 72px; /* Room for the controls bar. */ |
9 color: rgb(51, 51, 51); | 9 color: rgb(51, 51, 51); |
10 cursor: default; | 10 cursor: default; |
(...skipping 25 matching lines...) Expand all Loading... |
36 } | 36 } |
37 | 37 |
38 :host([expanded]) > .track:hover { | 38 :host([expanded]) > .track:hover { |
39 background-color: rgba(0, 0, 0, 0.08); | 39 background-color: rgba(0, 0, 0, 0.08); |
40 } | 40 } |
41 | 41 |
42 /* Track icon. */ | 42 /* Track icon. */ |
43 .track .icon { | 43 .track .icon { |
44 background-position: center; | 44 background-position: center; |
45 background-repeat: no-repeat; | 45 background-repeat: no-repeat; |
| 46 flex: none; |
46 height: 32px; | 47 height: 32px; |
47 margin: 8px; | 48 margin: 8px; |
48 width: 32px; | 49 width: 32px; |
49 } | 50 } |
50 | 51 |
51 .track:hover .icon { | 52 .track:hover .icon { |
52 background-image: -webkit-image-set( | 53 background-image: -webkit-image-set( |
53 url(../assets/100/playlist_play.png) 1x, | 54 url(../assets/100/playlist_play.png) 1x, |
54 url(../assets/200/playlist_play.png) 2x); | 55 url(../assets/200/playlist_play.png) 2x); |
55 } | 56 } |
(...skipping 25 matching lines...) Expand all Loading... |
81 .track .data .data-title { | 82 .track .data .data-title { |
82 color: rgb(51, 51, 51); | 83 color: rgb(51, 51, 51); |
83 font-size: 13px; | 84 font-size: 13px; |
84 font-weight: 500; | 85 font-weight: 500; |
85 } | 86 } |
86 | 87 |
87 .track .data .data-artist { | 88 .track .data .data-artist { |
88 color: rgb(100, 100, 100); | 89 color: rgb(100, 100, 100); |
89 font-size: 12px; | 90 font-size: 12px; |
90 } | 91 } |
OLD | NEW |