Index: pkg/polymer/lib/elements/polymer-ui-card/demo.html |
diff --git a/pkg/polymer/lib/elements/polymer-ui-card/demo.html b/pkg/polymer/lib/elements/polymer-ui-card/demo.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..9138eeaaf6a4916ef9bb7714cefe0d45c45fb8d0 |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/polymer-ui-card/demo.html |
@@ -0,0 +1,48 @@ |
+<!doctype html> |
+<!-- |
+Copyright 2013 The Polymer Authors. All rights reserved. |
+Use of this source code is governed by a BSD-style |
+license that can be found in the LICENSE file. |
+--> |
+<html> |
+ <head> |
+ <title>Cards</title> |
+ <script src="../platform/platform.js"></script> |
+ <link rel="import" href="polymer-ui-card.html"> |
+ <style> |
+ #cards { |
+ margin: 0 auto; |
+ background: #eee; |
+ overflow: auto; |
+ -webkit-user-select: none; |
+ -moz-user-select: none; |
+ } |
+ |
+ polymer-ui-card { |
+ display: block; |
+ height: 200px; |
+ width: 240px; |
+ margin: 20px auto; |
+ padding: 30px; |
+ } |
+ </style> |
+ </head> |
+ <body unresolved> |
+ <div id="cards"> |
+ <polymer-ui-card swipeable>Swipe Me!</polymer-ui-card> |
+ <polymer-ui-card swipeable>Swipe Me!</polymer-ui-card> |
+ <polymer-ui-card></polymer-ui-card> |
+ <polymer-ui-card swipeable>Swipe Me!</polymer-ui-card> |
+ <polymer-ui-card></polymer-ui-card> |
+ </div> |
+ |
+ <script> |
+ document.addEventListener('polymer-ready', function() { |
+ document.querySelector('#cards').addEventListener( |
+ 'polymer-card-swipe-away', function(e) { |
+ e.target.parentNode.removeChild(e.target); |
+ }); |
+ }) |
+ </script> |
+ </body> |
+</html> |