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 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 } | |
OLD | NEW |