Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(222)

Side by Side Diff: third_party/polymer/components/paper-menu-button/paper-menu-button.css

Issue 666453002: Removed Polymer elements depending on web-animations-js. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 6 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698