| Index: polymer_1.0.4/bower_components/paper-spinner/paper-spinner.css
|
| diff --git a/polymer_0.5.4/bower_components/paper-spinner/paper-spinner.css b/polymer_1.0.4/bower_components/paper-spinner/paper-spinner.css
|
| similarity index 78%
|
| copy from polymer_0.5.4/bower_components/paper-spinner/paper-spinner.css
|
| copy to polymer_1.0.4/bower_components/paper-spinner/paper-spinner.css
|
| index f6d07b017e9fecd7f89c195927cb483e26153369..30c4e7ec69518305cc5c2342639129dd77274539 100644
|
| --- a/polymer_0.5.4/bower_components/paper-spinner/paper-spinner.css
|
| +++ b/polymer_1.0.4/bower_components/paper-spinner/paper-spinner.css
|
| @@ -1,13 +1,13 @@
|
| -/*
|
| - @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
|
| - */
|
| -
|
| +/**
|
| +@license
|
| +Copyright (c) 2015 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
|
| +
|
| +*/
|
| /**************************/
|
| /* STYLES FOR THE SPINNER */
|
| /**************************/
|
| @@ -26,7 +26,7 @@
|
| * SHRINK_TIME = 400ms
|
| */
|
|
|
| -:host {
|
| + :host {
|
| display: inline-block;
|
| position: relative;
|
| width: 28px; /* CONTAINERWIDTH */
|
| @@ -59,20 +59,20 @@
|
| opacity: 0;
|
| }
|
|
|
| -.blue {
|
| - border-color: #4285f4;
|
| +.layer-1 {
|
| + border-color: var(--paper-spinner-layer-1-color, --google-blue-500);
|
| }
|
|
|
| -.red {
|
| - border-color: #db4437;
|
| +.layer-2 {
|
| + border-color: var(--paper-spinner-layer-2-color, --google-red-500);
|
| }
|
|
|
| -.yellow {
|
| - border-color: #f4b400;
|
| +.layer-3 {
|
| + border-color: var(--paper-spinner-layer-3-color, --google-yellow-500);
|
| }
|
|
|
| -.green {
|
| - border-color: #0f9d58;
|
| +.layer-4 {
|
| + border-color: var(--paper-spinner-layer-4-color, --google-blue-500);
|
| }
|
|
|
| /**
|
| @@ -80,7 +80,7 @@
|
| *
|
| * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
|
| * guarantee that the animation will start _exactly_ after that value. So we avoid using
|
| - * animation-delay and instead set custom keyframes for each color (as redundant as it
|
| + * animation-delay and instead set custom keyframes for each color (as layer-2undant as it
|
| * seems).
|
| *
|
| * We write out each animation in full (instead of separating animation-name,
|
| @@ -88,28 +88,28 @@
|
| * specific properties properly, treats them as -webkit-animation, and overrides the
|
| * other animation rules. See https://github.com/Polymer/platform/issues/53.
|
| */
|
| -.active .spinner-layer.blue {
|
| +.active .spinner-layer.layer-1 {
|
| /* durations: 4 * ARCTIME */
|
| - -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
|
| - animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
|
| + -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
|
| + animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
|
| }
|
|
|
| -.active .spinner-layer.red {
|
| +.active .spinner-layer.layer-2 {
|
| /* durations: 4 * ARCTIME */
|
| - -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
|
| - animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
|
| + -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
|
| + animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
|
| }
|
|
|
| -.active .spinner-layer.yellow {
|
| +.active .spinner-layer.layer-3 {
|
| /* durations: 4 * ARCTIME */
|
| - -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
|
| - animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
|
| + -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
|
| + animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
|
| }
|
|
|
| -.active .spinner-layer.green {
|
| +.active .spinner-layer.layer-4 {
|
| /* durations: 4 * ARCTIME */
|
| - -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
|
| - animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
|
| + -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
|
| + animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
|
| }
|
|
|
| @-webkit-keyframes fill-unfill-rotate {
|
| @@ -143,7 +143,7 @@
|
| * - https://github.com/Polymer/paper-spinner/issues/9
|
| * - https://code.google.com/p/chromium/issues/detail?id=436255
|
| */
|
| -@-webkit-keyframes blue-fade-in-out {
|
| +@-webkit-keyframes layer-1-fade-in-out {
|
| from { opacity: 0.99; }
|
| 25% { opacity: 0.99; }
|
| 26% { opacity: 0; }
|
| @@ -152,7 +152,7 @@
|
| 100% { opacity: 0.99; }
|
| }
|
|
|
| -@keyframes blue-fade-in-out {
|
| +@keyframes layer-1-fade-in-out {
|
| from { opacity: 0.99; }
|
| 25% { opacity: 0.99; }
|
| 26% { opacity: 0; }
|
| @@ -161,7 +161,7 @@
|
| 100% { opacity: 0.99; }
|
| }
|
|
|
| -@-webkit-keyframes red-fade-in-out {
|
| +@-webkit-keyframes layer-2-fade-in-out {
|
| from { opacity: 0; }
|
| 15% { opacity: 0; }
|
| 25% { opacity: 0.99; }
|
| @@ -169,7 +169,7 @@
|
| 51% { opacity: 0; }
|
| }
|
|
|
| -@keyframes red-fade-in-out {
|
| +@keyframes layer-2-fade-in-out {
|
| from { opacity: 0; }
|
| 15% { opacity: 0; }
|
| 25% { opacity: 0.99; }
|
| @@ -177,7 +177,7 @@
|
| 51% { opacity: 0; }
|
| }
|
|
|
| -@-webkit-keyframes yellow-fade-in-out {
|
| +@-webkit-keyframes layer-3-fade-in-out {
|
| from { opacity: 0; }
|
| 40% { opacity: 0; }
|
| 50% { opacity: 0.99; }
|
| @@ -185,7 +185,7 @@
|
| 76% { opacity: 0; }
|
| }
|
|
|
| -@keyframes yellow-fade-in-out {
|
| +@keyframes layer-3-fade-in-out {
|
| from { opacity: 0; }
|
| 40% { opacity: 0; }
|
| 50% { opacity: 0.99; }
|
| @@ -193,7 +193,7 @@
|
| 76% { opacity: 0; }
|
| }
|
|
|
| -@-webkit-keyframes green-fade-in-out {
|
| +@-webkit-keyframes layer-4-fade-in-out {
|
| from { opacity: 0; }
|
| 65% { opacity: 0; }
|
| 75% { opacity: 0.99; }
|
| @@ -201,7 +201,7 @@
|
| 100% { opacity: 0; }
|
| }
|
|
|
| -@keyframes green-fade-in-out {
|
| +@keyframes layer-4-fade-in-out {
|
| from { opacity: 0; }
|
| 65% { opacity: 0; }
|
| 75% { opacity: 0.99; }
|
| @@ -255,6 +255,8 @@
|
| border-radius: 50%;
|
| -webkit-animation: none;
|
| animation: none;
|
| +
|
| + @apply(--layout-fit);
|
| }
|
|
|
| .circle-clipper.left .circle {
|
|
|