OLD | NEW |
1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright 2013 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 #icon { | 5 #icon { |
6 background-position: center center; | 6 background-position: center center; |
7 background-repeat: no-repeat; | 7 background-repeat: no-repeat; |
8 background-size: 100% 100%; | 8 background-size: 100% 100%; |
9 height: 100%; | 9 height: 100%; |
10 width: 100%; | 10 width: 100%; |
11 } | 11 } |
12 | 12 |
13 :host { | 13 :host { |
14 -webkit-user-select: none; | 14 -webkit-user-select: none; |
15 background-image: linear-gradient(rgb(60, 80, 119), rgb(15, 24, 41)); | 15 background-image: linear-gradient(rgb(60, 80, 119), rgb(15, 24, 41)); |
16 border: 1px solid rgb(11, 9, 16); | 16 border: 1px solid rgb(11, 9, 16); |
17 cursor: default; | 17 cursor: default; |
18 display: inline-block; | 18 display: inline-block; |
19 height: 36px; | 19 height: 36px; |
20 margin: 0; | 20 margin: 0; |
| 21 pointer-events: all; |
21 width: 43px; | 22 width: 43px; |
22 } | 23 } |
23 | 24 |
24 :host(:focus:host) { | 25 :host(:focus:host) { |
25 outline: none; | 26 outline: none; |
26 } | 27 } |
27 | 28 |
28 :host(:hover:host) { | 29 :host(:hover:host) { |
29 background-image: linear-gradient(rgb(73, 102, 155), rgb(32, 52, 95)); | 30 background-image: linear-gradient(rgb(73, 102, 155), rgb(32, 52, 95)); |
30 } | 31 } |
31 | 32 |
32 :host(.latchable.polymer-selected:host), | 33 :host(.latchable.polymer-selected:host), |
33 :host(:active:host) { | 34 :host(:active:host) { |
34 background-color: rgb(75, 103, 156); | 35 background-color: rgb(75, 103, 156); |
35 background-image: none; | 36 background-image: none; |
36 } | 37 } |
OLD | NEW |