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 |