| 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 |