Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(75)

Side by Side Diff: polymer_1.0.4/bower_components/iron-pages/demo/index.html

Issue 1205703007: Add polymer 1.0 to npm_modules (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Renamed folder to 1.0.4 Created 5 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!doctype html>
2 <!--
3 @license
4 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
5 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
6 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
7 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
8 Code distributed by Google as part of the polymer project is also
9 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
10 -->
11
12 <html>
13 <head>
14
15 <title>iron-pages</title>
16
17 <meta charset="utf-8">
18 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial- scale=1, user-scalable=yes">
19
20 <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
21
22 <link href="../../paper-styles/paper-styles.html" rel="import">
23 <link rel="import" href="../iron-pages.html">
24
25 <style is="custom-style">
26 iron-pages {
27 @apply(--layout-fit);
28
29 color: white;
30 margin: auto;
31 cursor: default;
32 }
33
34 iron-pages div {
35 @apply(--layout);
36 @apply(--layout-center);
37 @apply(--layout-center-justified);
38 @apply(--paper-font-display1);
39
40 width: 100%;
41 height: 100%;
42 font-size: 50px;
43 }
44
45 iron-pages div:nth-child(1) {
46 background-color: var(--google-blue-500);
47 }
48
49 iron-pages div:nth-child(2) {
50 background-color: var(--google-red-500);
51 }
52
53 iron-pages div:nth-child(3) {
54 background-color: var(--google-green-500);
55 }
56
57 </style>
58 </head>
59 <body class="fullbleed" unresolved>
60
61 <iron-pages selected="0">
62 <div>Page One</div>
63 <div>Page Two</div>
64 <div>Page Three</div>
65 </iron-pages>
66
67 <script>
68
69 document.addEventListener('click', function(e) {
70 var pages = document.querySelector('iron-pages');
71 pages.selectNext();
72 });
73
74 </script>
75
76 </body>
77 </html>
OLDNEW
« no previous file with comments | « polymer_1.0.4/bower_components/iron-pages/bower.json ('k') | polymer_1.0.4/bower_components/iron-pages/hero.svg » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698