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