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 |