| OLD | NEW |
| (Empty) |
| 1 /* | |
| 2 Copyright 2013 The Polymer Authors. All rights reserved. | |
| 3 Use of this source code is governed by a BSD-style | |
| 4 license that can be found in the LICENSE file. | |
| 5 */ | |
| 6 | |
| 7 :host { | |
| 8 display: inline-block; | |
| 9 padding: 8px; | |
| 10 position: relative; | |
| 11 background-image: none; | |
| 12 outline: none; | |
| 13 user-select: none; | |
| 14 -webkit-user-select: none; | |
| 15 cursor: pointer; | |
| 16 } | |
| 17 | |
| 18 :host([disabled]) { | |
| 19 cursor: auto; | |
| 20 } | |
| 21 | |
| 22 core-icon { | |
| 23 position: relative; | |
| 24 } | |
| 25 | |
| 26 core-icon::shadow svg { | |
| 27 transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); | |
| 28 -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); | |
| 29 transform-origin: 50% 50%; | |
| 30 -webkit-transform-origin: 50% 50%; | |
| 31 } | |
| 32 | |
| 33 :host(:hover) core-icon::shadow svg { | |
| 34 transform: scale(1.2); | |
| 35 -webkit-transform: scale(1.2); | |
| 36 } | |
| 37 | |
| 38 :host([disabled]:hover) core-icon::shadow svg { | |
| 39 transform: none; | |
| 40 -webkit-transform: none; | |
| 41 } | |
| 42 | |
| 43 :host([disabled]) core-icon::shadow path { | |
| 44 fill: #c9c9c9; | |
| 45 } | |
| 46 | |
| 47 #dropdown { | |
| 48 background-color: transparent; | |
| 49 margin: 12px; | |
| 50 color: #000; | |
| 51 } | |
| 52 | |
| 53 #menu { | |
| 54 padding-top: 8px; | |
| 55 padding-bottom: 8px; | |
| 56 margin: 0; | |
| 57 } | |
| 58 | |
| 59 .paper-menu-button-overlay-ink { | |
| 60 position: absolute; | |
| 61 top: 0; | |
| 62 left: 0; | |
| 63 width: 40px; | |
| 64 height: 40px; | |
| 65 border-radius: 20px; | |
| 66 opacity: 0; | |
| 67 transform: scale(0); | |
| 68 -webkit-transform: scale(0); | |
| 69 } | |
| 70 | |
| 71 :host([halign="right"]) .paper-menu-button-overlay-ink { | |
| 72 left: auto; | |
| 73 right: 0; | |
| 74 } | |
| 75 | |
| 76 :host([valign="bottom"]) .paper-menu-button-overlay-ink { | |
| 77 top: auto; | |
| 78 bottom: 0; | |
| 79 } | |
| 80 | |
| 81 .paper-menu-button-overlay-bg { | |
| 82 position: absolute; | |
| 83 top: 0; | |
| 84 left: 0; | |
| 85 bottom: 0; | |
| 86 right: 0; | |
| 87 border-radius: 3px; | |
| 88 opacity: 0; | |
| 89 z-index: -1; | |
| 90 } | |
| 91 | |
| 92 :host([noTransition]) .paper-menu-button-overlay-bg { | |
| 93 opacity: 1; | |
| 94 } | |
| 95 | |
| 96 .paper-menu-button-menu-container { | |
| 97 overflow: auto; | |
| 98 max-height: 100%; | |
| 99 max-width: 100%; | |
| 100 } | |
| OLD | NEW |