| 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 |