OLD | NEW |
1 /* | 1 /* |
2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. |
3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 .custom-expandable-section { | 7 .custom-expandable-section { |
8 display: inline-flex; | 8 display: inline-flex; |
9 flex-direction: column; | 9 flex-direction: column; |
10 } | 10 } |
11 | 11 |
12 .custom-expandable-section-header::before { | 12 .custom-expandable-section-header::before { |
13 -webkit-user-select: none; | 13 -webkit-user-select: none; |
14 background-image: url(Images/toolbarButtonGlyphs.png); | 14 background-image: url(Images/toolbarButtonGlyphs.png); |
15 background-size: 352px 168px; | 15 background-size: 352px 168px; |
16 opacity: 0.5; | 16 opacity: 0.5; |
17 content: "a"; | 17 content: "a"; |
18 width: 8px; | 18 width: 8px; |
19 margin-right: 4px; | 19 margin-right: 4px; |
20 padding-right: 2px; | 20 padding-right: 2px; |
21 color: transparent; | 21 color: transparent; |
22 text-shadow: none; | 22 text-shadow: none; |
23 } | 23 } |
24 | 24 |
| 25 @media (-webkit-min-device-pixel-ratio: 1.5) { |
| 26 .custom-expandable-section-header::before { |
| 27 background-image: url(Images/toolbarButtonGlyphs_2x.png); |
| 28 } |
| 29 } /* media */ |
| 30 |
| 31 |
25 .custom-expandable-section-header::before { | 32 .custom-expandable-section-header::before { |
26 background-position: -4px -96px; | 33 background-position: -4px -96px; |
27 } | 34 } |
28 | 35 |
29 .custom-expandable-section-header.expanded::before { | 36 .custom-expandable-section-header.expanded::before { |
30 background-position: -20px -96px; | 37 background-position: -20px -96px; |
31 } | 38 } |
32 | 39 |
33 .custom-expandable-section-standard-section { | 40 .custom-expandable-section-standard-section { |
34 display: inline-flex; | 41 display: inline-flex; |
35 } | 42 } |
OLD | NEW |