Index: bower_components/core-pages/demo.html |
diff --git a/bower_components/core-pages/demo.html b/bower_components/core-pages/demo.html |
deleted file mode 100644 |
index 5d46c9f7a43a2b2a39852f9486c42fb80bd6ac60..0000000000000000000000000000000000000000 |
--- a/bower_components/core-pages/demo.html |
+++ /dev/null |
@@ -1,136 +0,0 @@ |
-<!-- |
- @license |
- Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
- This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt |
- The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
- The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt |
- Code distributed by Google as part of the polymer project is also |
- subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt |
---> |
-<!doctype html> |
-<html> |
-<head> |
- |
- <meta charset="utf-8"> |
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
- |
- <title>core-pages</title> |
- |
- <script src="../platform/platform.js"></script> |
- |
- <link rel="import" href="core-pages.html"> |
- |
- <style> |
- |
- html, body { |
- height: 100%; |
- } |
- |
- body { |
- font-family: sans-serif; |
- } |
- |
- core-pages { |
- width: 300px; |
- height: 300px; |
- border: 1px solid black; |
- -webkit-user-select: none; |
- border-radius: 5px; |
- } |
- |
- core-pages > div { |
- display: flex; |
- justify-content: center; |
- align-items: center; |
- border-radius: inherit; |
- } |
- |
- core-pages.fancy { |
- border: none; |
- margin-left: 2em; |
- } |
- |
- core-pages.fancy > div { |
- opacity: 0; |
- -webkit-transform: translate3d(-100px, 0, 0) scale(0.9); |
- transform: translate3d(-100px, 0, 0) scale(0.9); |
- transition: all 1s cubic-bezier(.03,.56,.7,.98); |
- color: white; |
- } |
- |
- core-pages.fancy > .one { |
- background-color: red; |
- } |
- |
- core-pages.fancy > .two { |
- background-color: green; |
- } |
- |
- core-pages.fancy > .three { |
- background-color: blue; |
- } |
- |
- core-pages.fancy > .four { |
- background-color: purple; |
- } |
- |
- core-pages.fancy > .five { |
- background-color: black; |
- } |
- |
- core-pages.fancy .core-selected + div { |
- -webkit-transform: translate3d(100px, 0, 0) scale(0.9); |
- transform: translate3d(100px, 0, 0) scale(1); |
- } |
- |
- core-pages.fancy .core-selected { |
- opacity: 1; |
- -webkit-transform: translateX(0); |
- transform: translateX(0); |
- } |
- |
- core-pages.fancy div.begin { |
- -webkit-transform: translate3d(100px, 0, 0) scale(0.9); |
- transform: translate3d(100px, 0, 0) scale(0.9); |
- } |
- |
- </style> |
- |
-</head> |
-<body unresolved fullbleed horizontal center center-justified layout> |
- |
- <core-pages id="first" selected="0"> |
- <div>One</div> |
- <div>Two</div> |
- <div>Three</div> |
- <div>Four</div> |
- <div>Five</div> |
- </core-pages> |
- |
- <core-pages class="fancy" selected="0"> |
- <div class="one">One</div> |
- <div class="two">Two</div> |
- <div class="three">Three</div> |
- <div class="four">Four</div> |
- <div class="five">Five</div> |
- </core-pages> |
- |
- <script> |
- document.querySelector('#first').onclick = function(e) { |
- this.selected = (this.selected + 1) % this.items.length; |
- }; |
- |
- document.querySelector('core-pages.fancy').onclick = function(e) { |
- this.selected = (this.selected + 1) % this.items.length; |
- this.async(function() { |
- if (this.selectedIndex == 0) { |
- this.selectedItem.classList.remove('begin'); |
- } else if (this.selectedIndex == this.items.length - 1) { |
- this.items[0].classList.add('begin'); |
- } |
- }); |
- }; |
- </script> |
- |
-</body> |
-</html> |