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