OLD | NEW |
1 <!-- | 1 <!-- |
2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | 2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
3 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 3 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
5 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 5 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
6 Code distributed by Google as part of the polymer project is also | 6 Code distributed by Google as part of the polymer project is also |
7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
8 --><html><head><link rel="import" href="../polymer/polymer.html"> | 8 --><html><head><link rel="import" href="../polymer/polymer.html"> |
9 <link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html
"> | 9 <link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html
"> |
10 | 10 |
(...skipping 95 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
106 ripple is not properly clipped by its parent (which may have | 106 ripple is not properly clipped by its parent (which may have |
107 rounded corners). See: http://jsbin.com/temexa/4 | 107 rounded corners). See: http://jsbin.com/temexa/4 |
108 | 108 |
109 Note: We only apply this style conditionally. Otherwise, the browser | 109 Note: We only apply this style conditionally. Otherwise, the browser |
110 will create a new compositing layer for every ripple element on the | 110 will create a new compositing layer for every ripple element on the |
111 page, and that would be bad. */ | 111 page, and that would be bad. */ |
112 -webkit-transform: translate(0, 0); | 112 -webkit-transform: translate(0, 0); |
113 transform: translate3d(0, 0, 0); | 113 transform: translate3d(0, 0, 0); |
114 } | 114 } |
115 | 115 |
116 :host([noink]) { | |
117 pointer-events: none; | |
118 } | |
119 | |
120 #background, | 116 #background, |
121 #waves, | 117 #waves, |
122 .wave-container, | 118 .wave-container, |
123 .wave { | 119 .wave { |
124 pointer-events: none; | 120 pointer-events: none; |
125 position: absolute; | 121 position: absolute; |
126 top: 0; | 122 top: 0; |
127 left: 0; | 123 left: 0; |
128 width: 100%; | 124 width: 100%; |
129 height: 100%; | 125 height: 100%; |
(...skipping 22 matching lines...) Expand all Loading... |
152 :host(.circle) .wave-container { | 148 :host(.circle) .wave-container { |
153 overflow: hidden; | 149 overflow: hidden; |
154 } | 150 } |
155 </style> | 151 </style> |
156 | 152 |
157 <div id="background"></div> | 153 <div id="background"></div> |
158 <div id="waves"></div> | 154 <div id="waves"></div> |
159 </template> | 155 </template> |
160 </dom-module> | 156 </dom-module> |
161 <script src="paper-ripple-extracted.js"></script></body></html> | 157 <script src="paper-ripple-extracted.js"></script></body></html> |
OLD | NEW |