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: add missing files Created 3 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 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/shadow-layout.html » ('j') | no next file with comments »
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 083292937552d2fa79bff5a702ce434e824c7be1..069b786bdc0baf784a822d77b84d948dc4377b77 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

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

}

#spinnerContainer.active {

- -webkit-animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite;

animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite;

}

- @-webkit-keyframes container-rotate {

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

- }

@keyframes container-rotate {

to { transform: rotate(360deg) }

@@ -104,10 +100,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

* seems).

.active .spinner-layer {

- -webkit-animation-name: fill-unfill-rotate;

- -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);

- -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

- -webkit-animation-iteration-count: infinite;

animation-name: fill-unfill-rotate;

animation-duration: var(--paper-spinner-full-cycle-duration);

animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

@@ -116,35 +108,21 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

}

.active .spinner-layer.layer-1 {

- -webkit-animation-name: fill-unfill-rotate, layer-1-fade-in-out;

animation-name: fill-unfill-rotate, layer-1-fade-in-out;

}

.active .spinner-layer.layer-2 {

- -webkit-animation-name: fill-unfill-rotate, layer-2-fade-in-out;

animation-name: fill-unfill-rotate, layer-2-fade-in-out;

}

.active .spinner-layer.layer-3 {

- -webkit-animation-name: fill-unfill-rotate, layer-3-fade-in-out;

animation-name: fill-unfill-rotate, layer-3-fade-in-out;

}

.active .spinner-layer.layer-4 {

- -webkit-animation-name: fill-unfill-rotate, layer-4-fade-in-out;

animation-name: fill-unfill-rotate, layer-4-fade-in-out;

}

- @-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 */

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

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

}

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

- 0% { opacity: 1 }

- 25% { opacity: 1 }

- 26% { opacity: 0 }

- 89% { opacity: 0 }

- 90% { opacity: 1 }

- to { opacity: 1 }

- }

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

0% { opacity: 1 }

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

to { opacity: 1 }

}

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

- 0% { opacity: 0 }

- 15% { opacity: 0 }

- 25% { opacity: 1 }

- 50% { opacity: 1 }

- 51% { opacity: 0 }

- to { opacity: 0 }

- }

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

0% { opacity: 0 }

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

to { opacity: 0 }

}

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

- 0% { opacity: 0 }

- 40% { opacity: 0 }

- 50% { opacity: 1 }

- 75% { opacity: 1 }

- 76% { opacity: 0 }

- to { opacity: 0 }

- }

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

0% { opacity: 0 }

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

to { opacity: 0 }

}

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

- 0% { opacity: 0 }

- 65% { opacity: 0 }

- 75% { opacity: 1 }

- 90% { opacity: 1 }

- to { opacity: 0 }

- }

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

0% { opacity: 0 }

@@ -267,42 +214,30 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

.circle-clipper.left::after {

left: 0;

border-right-color: transparent !important;

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

transform: rotate(129deg);

}

.circle-clipper.right::after {

left: -100%;

border-left-color: transparent !important;

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

transform: rotate(-129deg);

}

.active .gap-patch::after,

.active .circle-clipper::after {

- -webkit-animation-duration: var(--paper-spinner-expand-contract-duration);

- -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

- -webkit-animation-iteration-count: infinite;

animation-duration: var(--paper-spinner-expand-contract-duration);

animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

animation-iteration-count: infinite;

}

.active .circle-clipper.left::after {

- -webkit-animation-name: left-spin;

animation-name: left-spin;

}

.active .circle-clipper.right::after {

- -webkit-animation-name: right-spin;

animation-name: right-spin;

}

- @-webkit-keyframes left-spin {

- 0% { -webkit-transform: rotate(130deg) }

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

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

- }

@keyframes left-spin {

0% { transform: rotate(130deg) }

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

to { transform: rotate(130deg) }

}

- @-webkit-keyframes right-spin {

- 0% { -webkit-transform: rotate(-130deg) }

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

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

- }

@keyframes right-spin {

0% { transform: rotate(-130deg) }

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

}

#spinnerContainer.cooldown {

- -webkit-animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-bezier(0.4, 0.0, 0.2, 1);

animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-bezier(0.4, 0.0, 0.2, 1);

}

- @-webkit-keyframes fade-out {

- 0% { opacity: 1 }

- to { opacity: 0 }

- }

@keyframes fade-out {

0% { opacity: 1 }