| 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 -webkit-user-select: none; | 6 @apply(--layout-center); |
| 7 @apply(--layout-horizontal); |
| 7 color: rgb(80, 80, 80); | 8 color: rgb(80, 80, 80); |
| 8 cursor: pointer; | 9 cursor: pointer; |
| 9 min-height: 40px; | 10 font-size: 77.8%; |
| 11 height: 30px; |
| 10 overflow: hidden; | 12 overflow: hidden; |
| 11 position: relative; | 13 position: relative; |
| 12 white-space: nowrap; | 14 white-space: nowrap; |
| 13 @apply(--layout-horizontal); | |
| 14 @apply(--layout-center); | |
| 15 @apply(--paper-font-subhead); | |
| 16 } | 15 } |
| 17 | 16 |
| 18 #item:hover { | 17 #item:hover { |
| 19 background-color: rgb(237, 237, 237); | 18 background-color: rgb(237, 237, 237); |
| 20 color: rgb(20, 20, 20); | 19 color: rgb(20, 20, 20); |
| 21 } | 20 } |
| 22 | 21 |
| 23 #expand { | 22 #expand { |
| 24 height: 20px; | 23 --iron-icon-height: 16px; |
| 25 min-width: 20px; | 24 --iron-icon-width: 16px; |
| 25 height: 16px; |
| 26 min-width: 16px; |
| 26 padding: 6px; | 27 padding: 6px; |
| 27 transition: transform 150ms; | 28 transition: transform 150ms; |
| 28 width: 20px; | 29 width: 16px; |
| 29 } | 30 } |
| 30 | 31 |
| 31 #expand.open { | 32 #expand.open { |
| 32 transform: rotate(90deg); | 33 transform: rotate(90deg); |
| 33 } | 34 } |
| OLD | NEW |