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