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 overflow: hidden; 17 } 18 19 :host([disabled]) { 20 cursor: auto; 21 } 22 23 core-icon { 24 position: relative; 25 } 26 27 core-icon::shadow svg { 28 transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); 29 -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); 30 transform-origin: 50% 50%; 31 -webkit-transform-origin: 50% 50%; 32 } 33 34 :host(:hover) core-icon::shadow svg { 35 transform: scale(1.2); 36 -webkit-transform: scale(1.2); 37 } 38 39 :host([disabled]:hover) core-icon::shadow svg { 40 transform: none; 41 -webkit-transform: none; 42 } 43 44 :host([disabled]) core-icon::shadow path { 45 fill: #c9c9c9; 46 } 47 48 #overlay { 49 display: block; 50 position: fixed; 51 border-radius: 3px; 52 } 53 54 .paper-menu-button-overlay-ink { 55 position: absolute; 56 top: 0; 57 left: 0; 58 width: 40px; 59 height: 40px; 60 border-radius: 20px; 61 background: #fff; 62 opacity: 0; 63 transform: scale(0); 64 -webkit-transform: scale(0); 65 } 66 67 :host([halign="right"]) .paper-menu-button-overlay-ink { 68 left: auto; 69 right: 0; 70 } 71 72 .paper-menu-button-overlay-bg { 73 position: absolute; 74 top: 0; 75 left: 0; 76 bottom: 0; 77 right: 0; 78 border-radius: 3px; 79 background: #fff; 80 opacity: 0; 81 } 82 83 #menu { 84 position: relative; 85 margin: 0; 86 } 87
