OLD | NEW |
1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 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 #item { | 5 #item { |
6 @apply(--layout-center); | 6 @apply(--layout-center); |
7 @apply(--layout-horizontal); | 7 @apply(--layout-horizontal); |
8 color: rgb(80, 80, 80); | |
9 cursor: pointer; | 8 cursor: pointer; |
10 font-size: 77.8%; | |
11 height: 30px; | 9 height: 30px; |
12 position: relative; | 10 position: relative; |
13 } | 11 } |
14 | 12 |
15 #item:hover { | 13 #item:hover { |
16 background-color: rgb(237, 237, 237); | 14 background-color: rgb(237, 237, 237); |
17 color: rgb(20, 20, 20); | |
18 } | 15 } |
19 | 16 |
20 paper-ripple { | 17 paper-ripple { |
21 /* Allowing the ripple to capture pointer events prevents a focus rectangle | 18 /* Allowing the ripple to capture pointer events prevents a focus rectangle |
22 * for showing up for clicks, while still allowing it with tab-navigation. | 19 * for showing up for clicks, while still allowing it with tab-navigation. |
23 * This undoes a paper-ripple bugfix aimed at non-Chrome browsers. | 20 * This undoes a paper-ripple bugfix aimed at non-Chrome browsers. |
24 * TODO(tsergeant): Improve focus in viewer-bookmark so this can be removed | 21 * TODO(tsergeant): Improve focus in viewer-bookmark so this can be removed |
25 * (https://crbug.com/5448190). */ | 22 * (https://crbug.com/5448190). */ |
26 pointer-events: auto; | 23 pointer-events: auto; |
27 } | 24 } |
(...skipping 15 matching lines...) Expand all Loading... |
43 width: 28px; | 40 width: 28px; |
44 } | 41 } |
45 | 42 |
46 :host-context([dir=rtl]) #expand { | 43 :host-context([dir=rtl]) #expand { |
47 transform: rotate(180deg); | 44 transform: rotate(180deg); |
48 } | 45 } |
49 | 46 |
50 :host([children-shown]) #expand { | 47 :host([children-shown]) #expand { |
51 transform: rotate(90deg); | 48 transform: rotate(90deg); |
52 } | 49 } |
OLD | NEW |