polymer_1.0.4/bower_components/paper-spinner/demo/index.html - Issue 1205703007: Add polymer 1.0 to npm_modules

Side by Side Diff: polymer_1.0.4/bower_components/paper-spinner/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

OLD	NEW
(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 <html lang="en">

	12

	13 <head>

	14 <meta charset="UTF-8">

	15 <title>paper-spinner demo</title>

	16 <script src="../../webcomponentsjs/webcomponents-lite.js"></script>

	17 <link rel="import" href="../../paper-styles/paper-styles.html">

	18 <link rel="import" href="../../paper-styles/demo-pages.html">

	19 <link rel="import" href="../paper-spinner.html">

	20

	21 <style is="custom-style">

	22 .horizontal-section {

	23 width: 100px;

	24 }

	25

	26 paper-spinner, button {

	27 display: block;

	28 margin-bottom: 24px;

	29 margin-left: auto;

	30 margin-right: auto;

	31 }

	32

	33 paper-spinner.blue {

	34 --paper-spinner-layer-1-color: var(--paper-light-blue-500);

	35 --paper-spinner-layer-2-color: var(--paper-light-blue-500);

	36 --paper-spinner-layer-3-color: var(--paper-light-blue-500);

	37 --paper-spinner-layer-4-color: var(--paper-light-blue-500);

	38 }

	39

	40 paper-spinner.red {

	41 --paper-spinner-layer-1-color: var(--paper-red-500);

	42 --paper-spinner-layer-2-color: var(--paper-red-500);

	43 --paper-spinner-layer-3-color: var(--paper-red-500);

	44 --paper-spinner-layer-4-color: var(--paper-red-500);

	45 }

	46

	47 paper-spinner.orange {

	48 --paper-spinner-layer-1-color: var(--paper-orange-500);

	49 --paper-spinner-layer-2-color: var(--paper-orange-500);

	50 --paper-spinner-layer-3-color: var(--paper-orange-500);

	51 --paper-spinner-layer-4-color: var(--paper-orange-500);

	52 }

	53

	54 paper-spinner.green {

	55 --paper-spinner-layer-1-color: var(--paper-green-500);

	56 --paper-spinner-layer-2-color: var(--paper-green-500);

	57 --paper-spinner-layer-3-color: var(--paper-green-500);

	58 --paper-spinner-layer-4-color: var(--paper-green-500);

	59 }

	60 </style>

	61 </head>

	62

	63 <body>

	64 <div class="horizontal center-justified layout">

	65 <div>

	66 <h4>Default</h4>

	67 <div class="horizontal-section">

	68 <paper-spinner active></paper-spinner>

	69 <paper-spinner active></paper-spinner>

	70 <paper-spinner active></paper-spinner>

	71 <paper-spinner active></paper-spinner>

	72 <button onclick="toggle(event)">Toggle</button>

	73 </div>

	74 </div>

	75

	76 <div>

	77 <h4>Color</h4>

	78 <div class="horizontal-section">

	79 <paper-spinner class="blue" active></paper-spinner>

	80 <paper-spinner class="red" active></paper-spinner>

	81 <paper-spinner class="orange" active></paper-spinner>

	82 <paper-spinner class="green" active></paper-spinner>

	83 <button onclick="toggle(event)">Toggle</button>

	84 </div>

	85 </div>

	86 </div>

	87

	88 <script>

	89 function toggle(event) {

	90 var spinners = event.target.parentElement.querySelectorAll('paper-spinne r');

	91 Array.prototype.forEach.call(spinners, function(spinner) {

	92 spinner.active = !spinner.active;

	93 });

	94 };

	95 </script>

	96 </body>

	97

	98 </html>

OLD	NEW

« no previous file with comments | « polymer_1.0.4/bower_components/paper-spinner/bower.json ('k') | polymer_1.0.4/bower_components/paper-spinner/hero.svg » ('j') | no next file with comments »