third_party/polymer/v1_0/components-chromium/paper-spinner/paper-spinner-styles.html - Issue 1633603004: Add script to remove prefixed CSS from third_party/polymer.

Unified Diff: third_party/polymer/v1_0/components-chromium/paper-spinner/paper-spinner-styles.html

Issue 1633603004: Add script to remove prefixed CSS from third_party/polymer. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Process CSS files too. Created 4 years, 11 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 side-by-side diff with in-line comments

Download patch

« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider.html ('k') | third_party/polymer/v1_0/components-chromium/paper-styles/classes/global.html » ('j') | third_party/polymer/v1_0/css_strip_prefixes.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/polymer/v1_0/components-chromium/paper-spinner/paper-spinner-styles.html

diff --git a/third_party/polymer/v1_0/components-chromium/paper-spinner/paper-spinner-styles.html b/third_party/polymer/v1_0/components-chromium/paper-spinner/paper-spinner-styles.html

index 1a639cc9b48a28d7fa7dd5e61ce604f379666f51..b824fd2a132189c99939ab41102aa342ba590197 100644

--- a/third_party/polymer/v1_0/components-chromium/paper-spinner/paper-spinner-styles.html

+++ b/third_party/polymer/v1_0/components-chromium/paper-spinner/paper-spinner-styles.html

@@ -49,13 +49,9 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

#spinnerContainer.active {

/* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */

- -webkit-animation: container-rotate 1568ms linear infinite;

animation: container-rotate 1568ms linear infinite;

}

- @-webkit-keyframes container-rotate {

- to { -webkit-transform: rotate(360deg) }

- }

@keyframes container-rotate {

to { transform: rotate(360deg) }

@@ -96,50 +92,34 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

* We write out each animation in full (instead of separating animation-name,

* animation-duration, etc.) because under the polyfill, Safari does not recognize those

- * 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 {

/* durations: 4 * ARCTIME */

- -webkit-animation: fill-unfill-rotate 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;

opacity: 1;

}

.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, 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.layer-2 {

/* durations: 4 * ARCTIME */

- -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.layer-3 {

/* durations: 4 * ARCTIME */

- -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.layer-4 {

/* durations: 4 * ARCTIME */

- -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 {

- 12.5% { -webkit-transform: rotate(135deg); } /* 0.5 * ARCSIZE */

- 25% { -webkit-transform: rotate(270deg); } /* 1 * ARCSIZE */

- 37.5% { -webkit-transform: rotate(405deg); } /* 1.5 * ARCSIZE */

- 50% { -webkit-transform: rotate(540deg); } /* 2 * ARCSIZE */

- 62.5% { -webkit-transform: rotate(675deg); } /* 2.5 * ARCSIZE */

- 75% { -webkit-transform: rotate(810deg); } /* 3 * ARCSIZE */

- 87.5% { -webkit-transform: rotate(945deg); } /* 3.5 * ARCSIZE */

- to { -webkit-transform: rotate(1080deg); } /* 4 * ARCSIZE */

- }

@keyframes fill-unfill-rotate {

12.5% { transform: rotate(135deg); } /* 0.5 * ARCSIZE */

@@ -161,14 +141,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

* - https://github.com/Polymer/paper-spinner/issues/9

* - https://code.google.com/p/chromium/issues/detail?id=436255

- @-webkit-keyframes layer-1-fade-in-out {

- from { opacity: 0.99; }

- 25% { opacity: 0.99; }

- 26% { opacity: 0; }

- 89% { opacity: 0; }

- 90% { opacity: 0.99; }

- 100% { opacity: 0.99; }

- }

@keyframes layer-1-fade-in-out {

from { opacity: 0.99; }

@@ -179,13 +151,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

100% { opacity: 0.99; }

}

- @-webkit-keyframes layer-2-fade-in-out {

- from { opacity: 0; }

- 15% { opacity: 0; }

- 25% { opacity: 0.99; }

- 50% { opacity: 0.99; }

- 51% { opacity: 0; }

- }

@keyframes layer-2-fade-in-out {

from { opacity: 0; }

@@ -195,13 +160,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

51% { opacity: 0; }

}

- @-webkit-keyframes layer-3-fade-in-out {

- from { opacity: 0; }

- 40% { opacity: 0; }

- 50% { opacity: 0.99; }

- 75% { opacity: 0.99; }

- 76% { opacity: 0; }

- }

@keyframes layer-3-fade-in-out {

from { opacity: 0; }

@@ -211,13 +169,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

76% { opacity: 0; }

}

- @-webkit-keyframes layer-4-fade-in-out {

- from { opacity: 0; }

- 65% { opacity: 0; }

- 75% { opacity: 0.99; }

- 90% { opacity: 0.99; }

- 100% { opacity: 0; }

- }

@keyframes layer-4-fade-in-out {

from { opacity: 0; }

@@ -271,7 +222,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

border-color: inherit;

border-bottom-color: transparent !important;

border-radius: 50%;

- -webkit-animation: none;

animation: none;

@apply(--layout-fit);

@@ -279,34 +229,25 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

.circle-clipper.left .circle {

border-right-color: transparent !important;

- -webkit-transform: rotate(129deg);

transform: rotate(129deg);

}

.circle-clipper.right .circle {

left: -100%;

border-left-color: transparent !important;

- -webkit-transform: rotate(-129deg);

transform: rotate(-129deg);

}

.active .circle-clipper.left .circle {

/* duration: ARCTIME */

- -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;

animation: left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;

}

.active .circle-clipper.right .circle {

/* duration: ARCTIME */

- -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;

animation: right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;

}

- @-webkit-keyframes left-spin {

- from { -webkit-transform: rotate(130deg); }

- 50% { -webkit-transform: rotate(-5deg); }

- to { -webkit-transform: rotate(130deg); }

- }

@keyframes left-spin {

from { transform: rotate(130deg); }

@@ -314,11 +255,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

to { transform: rotate(130deg); }

}

- @-webkit-keyframes right-spin {

- from { -webkit-transform: rotate(-130deg); }

- 50% { -webkit-transform: rotate(5deg); }

- to { -webkit-transform: rotate(-130deg); }

- }

@keyframes right-spin {

from { transform: rotate(-130deg); }

@@ -328,14 +264,9 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

#spinnerContainer.cooldown {

/* duration: SHRINK_TIME */

- -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0.0, 0.2, 1);

animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0.0, 0.2, 1);

}

- @-webkit-keyframes fade-out {

- from { opacity: 0.99; }

- to { opacity: 0; }

- }

@keyframes fade-out {

from { opacity: 0.99; }