third_party/polymer/v1_0/components-chromium/paper-spinner/paper-spinner-lite.html - Issue 1766433002: Roll Polymer to 1.3.1

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-spinner/paper-spinner-lite.html

Issue 1766433002: Roll Polymer to 1.3.1 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: rebase Created 4 years, 9 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

« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-spinner/paper-spinner.html ('k') | third_party/polymer/v1_0/components-chromium/paper-spinner/paper-spinner-styles.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!--	1 <!--

2 @license	2 @license

3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.	3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.

4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt	4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt

5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt	5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt

6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt	6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt

7 Code distributed by Google as part of the polymer project is also	7 Code distributed by Google as part of the polymer project is also

8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt	8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt

9 --><html><head><link rel="import" href="../polymer/polymer.html">	9 --><html><head><link rel="import" href="../polymer/polymer.html">

10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">	10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">

(...skipping 19 matching lines...) Expand all Loading...
30	30

31 <paper-spinner-lite alt="Loading contacts list" active></paper-spinner-lite>	31 <paper-spinner-lite alt="Loading contacts list" active></paper-spinner-lite>

32	32

33 ### Styling	33 ### Styling

34	34

35 The following custom properties and mixins are available for styling:	35 The following custom properties and mixins are available for styling:

36	36

37 Custom property \| Description \| Default	37 Custom property \| Description \| Default

38 ----------------\|-------------\|----------	38 ----------------\|-------------\|----------

39 `--paper-spinner-color` \| Color of the spinner \| `--google-blue-500`	39 `--paper-spinner-color` \| Color of the spinner \| `--google-blue-500`

	40 `--paper-spinner-stroke-width` \| The width of the spinner stroke \| 3px

40	41

41 @group Paper Elements	42 @group Paper Elements

42 @element paper-spinner-lite	43 @element paper-spinner-lite

43 @hero hero.svg	44 @hero hero.svg

44 @demo demo/index.html	45 @demo demo/index.html

45 -->	46 -->

46	47

47 </head><body><dom-module id="paper-spinner-lite">	48 </head><body><dom-module id="paper-spinner-lite">

48 <template>	49 <template>

49 <style include="paper-spinner-styles"></style>	50 <style include="paper-spinner-styles"></style>

50	51

51 <div id="spinnerContainer" class-name="[[__computeContainerClasses(active, _ _coolingDown)]]">	52 <div id="spinnerContainer" class-name="[[__computeContainerClasses(active, _ _coolingDown)]]">

52 <div class="spinner-layer">	53 <div class="spinner-layer">

53 <div class="circle-clipper left">	54 <div class="circle-clipper left">

54 <div class="circle"></div>	55 <div class="circle"></div>

55 </div><div class="gap-patch">	56 </div><div class="gap-patch">

56 <div class="circle"></div>	57 <div class="circle"></div>

57 </div><div class="circle-clipper right">	58 </div><div class="circle-clipper right">

58 <div class="circle"></div>	59 <div class="circle"></div>

59 </div>	60 </div>

60 </div>	61 </div>

61 </div>	62 </div>

62 </template>	63 </template>

63	64

64 </dom-module>	65 </dom-module>

65 <script src="paper-spinner-lite-extracted.js"></script></body></html>	66 <script src="paper-spinner-lite-extracted.js"></script></body></html>

OLD	NEW