WebUI Polymer3: Invoke css_strip_prefixes.py for Polymer3 as well.

Bug: 965770
Change-Id: I393be10bdb7b9621ab723d15aa04aed5d5993729
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1713255
Commit-Queue: Demetrios Papadopoulos <dpapad@chromium.org>
Auto-Submit: Demetrios Papadopoulos <dpapad@chromium.org>
Reviewed-by: Rebekah Potter <rbpotter@chromium.org>
Cr-Commit-Position: refs/heads/master@{#679807}

third_party/polymer/v1_0/css_strip_prefixes.py

@@ -2,9 +2,11 @@
 # Use of this source code is governed by a BSD-style license that can be
 # found in the LICENSE file.
 
+import argparse
 import fnmatch
 import os
 import re
+import sys
 
 # List of CSS properties to be removed.
 CSS_PROPERTIES_TO_REMOVE = [
@@ -84,14 +86,19 @@ def ShouldRemoveLine(line):
   return any(pred(p) for p in CSS_PROPERTIES_TO_REMOVE)
 
 
-def main():
-  html_files = [os.path.join(dirpath, f)
+def main(argv):
+  parser = argparse.ArgumentParser('Strips CSS rules not needed by Chrome')
+  parser.add_argument(
+      '--file_extension', choices=['js', 'html'], required=True)
+  opts = parser.parse_args(sys.argv[1:])
+
+  files_to_process = [os.path.join(dirpath, f)
     for dirpath, dirnames, files in os.walk('components-chromium')
-    for f in fnmatch.filter(files, '*.html')]
+    for f in fnmatch.filter(files, '*.' + opts.file_extension)]
 
-  for f in html_files:
+  for f in files_to_process:
     ProcessFile(f)
 
 
 if __name__ == '__main__':
-  main()
+  main(sys.argv[1:])

third_party/polymer/v1_0/reproduce.sh

@@ -98,7 +98,7 @@ if [[ ! -z "${new}${deleted}" ]]; then
 fi
 
 echo 'Stripping unnecessary prefixed CSS rules...'
-python css_strip_prefixes.py
+python css_strip_prefixes.py --file_extension=html
 
 echo 'Generating -rgb versions of --google-* vars in paper-style/colors.html...'
 python rgbify_hex_vars.py --filter-prefix=google --replace \

third_party/polymer/v3_0/components-chromium/iron-collapse/iron-collapse.js

@@ -67,7 +67,6 @@ Polymer({
         display: block;
         transition-duration: var(--iron-collapse-transition-duration, 300ms);
         /* Safari 10 needs this property prefixed to correctly apply the custom property */
-        -webkit-transition-duration: var(--iron-collapse-transition-duration, 300ms);
         overflow: visible;
       }
 

third_party/polymer/v3_0/components-chromium/iron-flex-layout/iron-flex-layout-classes.js

@@ -45,72 +45,49 @@ const template = html`
     <style>
       .layout.horizontal,
       .layout.vertical {
-        display: -ms-flexbox;
-        display: -webkit-flex;
         display: flex;
       }
 
       .layout.inline {
-        display: -ms-inline-flexbox;
-        display: -webkit-inline-flex;
         display: inline-flex;
       }
 
       .layout.horizontal {
-        -ms-flex-direction: row;
-        -webkit-flex-direction: row;
         flex-direction: row;
       }
 
       .layout.vertical {
-        -ms-flex-direction: column;
-        -webkit-flex-direction: column;
         flex-direction: column;
       }
 
       .layout.wrap {
-        -ms-flex-wrap: wrap;
-        -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
       }
 
       .layout.no-wrap {
-        -ms-flex-wrap: nowrap;
-        -webkit-flex-wrap: nowrap;
         flex-wrap: nowrap;
       }
 
       .layout.center,
       .layout.center-center {
-        -ms-flex-align: center;
-        -webkit-align-items: center;
         align-items: center;
       }
 
       .layout.center-justified,
       .layout.center-center {
-        -ms-flex-pack: center;
-        -webkit-justify-content: center;
         justify-content: center;
       }
 
       .flex {
-        -ms-flex: 1 1 0.000000001px;
-        -webkit-flex: 1;
         flex: 1;
-        -webkit-flex-basis: 0.000000001px;
         flex-basis: 0.000000001px;
       }
 
       .flex-auto {
-        -ms-flex: 1 1 auto;
-        -webkit-flex: 1 1 auto;
         flex: 1 1 auto;
       }
 
       .flex-none {
-        -ms-flex: none;
-        -webkit-flex: none;
         flex: none;
       }
     </style>
@@ -122,26 +99,18 @@ const template = html`
     <style>
       .layout.horizontal-reverse,
       .layout.vertical-reverse {
-        display: -ms-flexbox;
-        display: -webkit-flex;
         display: flex;
       }
 
       .layout.horizontal-reverse {
-        -ms-flex-direction: row-reverse;
-        -webkit-flex-direction: row-reverse;
         flex-direction: row-reverse;
       }
 
       .layout.vertical-reverse {
-        -ms-flex-direction: column-reverse;
-        -webkit-flex-direction: column-reverse;
         flex-direction: column-reverse;
       }
 
       .layout.wrap-reverse {
-        -ms-flex-wrap: wrap-reverse;
-        -webkit-flex-wrap: wrap-reverse;
         flex-wrap: wrap-reverse;
       }
     </style>
@@ -155,27 +124,19 @@ const template = html`
        * Alignment in cross axis.
        */
       .layout.start {
-        -ms-flex-align: start;
-        -webkit-align-items: flex-start;
         align-items: flex-start;
       }
 
       .layout.center,
       .layout.center-center {
-        -ms-flex-align: center;
-        -webkit-align-items: center;
         align-items: center;
       }
 
       .layout.end {
-        -ms-flex-align: end;
-        -webkit-align-items: flex-end;
         align-items: flex-end;
       }
 
       .layout.baseline {
-        -ms-flex-align: baseline;
-        -webkit-align-items: baseline;
         align-items: baseline;
       }
 
@@ -183,33 +144,23 @@ const template = html`
        * Alignment in main axis.
        */
       .layout.start-justified {
-        -ms-flex-pack: start;
-        -webkit-justify-content: flex-start;
         justify-content: flex-start;
       }
 
       .layout.center-justified,
       .layout.center-center {
-        -ms-flex-pack: center;
-        -webkit-justify-content: center;
         justify-content: center;
       }
 
       .layout.end-justified {
-        -ms-flex-pack: end;
-        -webkit-justify-content: flex-end;
         justify-content: flex-end;
       }
 
       .layout.around-justified {
-        -ms-flex-pack: distribute;
-        -webkit-justify-content: space-around;
         justify-content: space-around;
       }
 
       .layout.justified {
-        -ms-flex-pack: justify;
-        -webkit-justify-content: space-between;
         justify-content: space-between;
       }
 
@@ -217,32 +168,22 @@ const template = html`
        * Self alignment.
        */
       .self-start {
-        -ms-align-self: flex-start;
-        -webkit-align-self: flex-start;
         align-self: flex-start;
       }
 
       .self-center {
-        -ms-align-self: center;
-        -webkit-align-self: center;
         align-self: center;
       }
 
       .self-end {
-        -ms-align-self: flex-end;
-        -webkit-align-self: flex-end;
         align-self: flex-end;
       }
 
       .self-stretch {
-        -ms-align-self: stretch;
-        -webkit-align-self: stretch;
         align-self: stretch;
       }
 
       .self-baseline {
-        -ms-align-self: baseline;
-        -webkit-align-self: baseline;
         align-self: baseline;
       }
 
@@ -250,37 +191,22 @@ const template = html`
        * multi-line alignment in main axis.
        */
       .layout.start-aligned {
-        -ms-flex-line-pack: start;  /* IE10 */
-        -ms-align-content: flex-start;
-        -webkit-align-content: flex-start;
         align-content: flex-start;
       }
 
       .layout.end-aligned {
-        -ms-flex-line-pack: end;  /* IE10 */
-        -ms-align-content: flex-end;
-        -webkit-align-content: flex-end;
         align-content: flex-end;
       }
 
       .layout.center-aligned {
-        -ms-flex-line-pack: center;  /* IE10 */
-        -ms-align-content: center;
-        -webkit-align-content: center;
         align-content: center;
       }
 
       .layout.between-aligned {
-        -ms-flex-line-pack: justify;  /* IE10 */
-        -ms-align-content: space-between;
-        -webkit-align-content: space-between;
         align-content: space-between;
       }
 
       .layout.around-aligned {
-        -ms-flex-line-pack: distribute;  /* IE10 */
-        -ms-align-content: space-around;
-        -webkit-align-content: space-around;
         align-content: space-around;
       }
     </style>
@@ -292,76 +218,51 @@ const template = html`
     <style>
       .flex,
       .flex-1 {
-        -ms-flex: 1 1 0.000000001px;
-        -webkit-flex: 1;
         flex: 1;
-        -webkit-flex-basis: 0.000000001px;
         flex-basis: 0.000000001px;
       }
 
       .flex-2 {
-        -ms-flex: 2;
-        -webkit-flex: 2;
         flex: 2;
       }
 
       .flex-3 {
-        -ms-flex: 3;
-        -webkit-flex: 3;
         flex: 3;
       }
 
       .flex-4 {
-        -ms-flex: 4;
-        -webkit-flex: 4;
         flex: 4;
       }
 
       .flex-5 {
-        -ms-flex: 5;
-        -webkit-flex: 5;
         flex: 5;
       }
 
       .flex-6 {
-        -ms-flex: 6;
-        -webkit-flex: 6;
         flex: 6;
       }
 
       .flex-7 {
-        -ms-flex: 7;
-        -webkit-flex: 7;
         flex: 7;
       }
 
       .flex-8 {
-        -ms-flex: 8;
-        -webkit-flex: 8;
         flex: 8;
       }
 
       .flex-9 {
-        -ms-flex: 9;
-        -webkit-flex: 9;
         flex: 9;
       }
 
       .flex-10 {
-        -ms-flex: 10;
-        -webkit-flex: 10;
         flex: 10;
       }
 
       .flex-11 {
-        -ms-flex: 11;
-        -webkit-flex: 11;
         flex: 11;
       }
 
       .flex-12 {
-        -ms-flex: 12;
-        -webkit-flex: 12;
         flex: 12;
       }
     </style>

third_party/polymer/v3_0/components-chromium/iron-flex-layout/iron-flex-layout.js

@@ -86,202 +86,139 @@ const template = html`
     html {
 
       --layout: {
-        display: -ms-flexbox;
-        display: -webkit-flex;
         display: flex;
       };
 
       --layout-inline: {
-        display: -ms-inline-flexbox;
-        display: -webkit-inline-flex;
         display: inline-flex;
       };
 
       --layout-horizontal: {
         @apply --layout;
 
-        -ms-flex-direction: row;
-        -webkit-flex-direction: row;
         flex-direction: row;
       };
 
       --layout-horizontal-reverse: {
         @apply --layout;
 
-        -ms-flex-direction: row-reverse;
-        -webkit-flex-direction: row-reverse;
         flex-direction: row-reverse;
       };
 
       --layout-vertical: {
         @apply --layout;
 
-        -ms-flex-direction: column;
-        -webkit-flex-direction: column;
         flex-direction: column;
       };
 
       --layout-vertical-reverse: {
         @apply --layout;
 
-        -ms-flex-direction: column-reverse;
-        -webkit-flex-direction: column-reverse;
         flex-direction: column-reverse;
       };
 
       --layout-wrap: {
-        -ms-flex-wrap: wrap;
-        -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
       };
 
       --layout-wrap-reverse: {
-        -ms-flex-wrap: wrap-reverse;
-        -webkit-flex-wrap: wrap-reverse;
         flex-wrap: wrap-reverse;
       };
 
       --layout-flex-auto: {
-        -ms-flex: 1 1 auto;
-        -webkit-flex: 1 1 auto;
         flex: 1 1 auto;
       };
 
       --layout-flex-none: {
-        -ms-flex: none;
-        -webkit-flex: none;
         flex: none;
       };
 
       --layout-flex: {
-        -ms-flex: 1 1 0.000000001px;
-        -webkit-flex: 1;
         flex: 1;
-        -webkit-flex-basis: 0.000000001px;
         flex-basis: 0.000000001px;
       };
 
       --layout-flex-2: {
-        -ms-flex: 2;
-        -webkit-flex: 2;
         flex: 2;
       };
 
       --layout-flex-3: {
-        -ms-flex: 3;
-        -webkit-flex: 3;
         flex: 3;
       };
 
       --layout-flex-4: {
-        -ms-flex: 4;
-        -webkit-flex: 4;
         flex: 4;
       };
 
       --layout-flex-5: {
-        -ms-flex: 5;
-        -webkit-flex: 5;
         flex: 5;
       };
 
       --layout-flex-6: {
-        -ms-flex: 6;
-        -webkit-flex: 6;
         flex: 6;
       };
 
       --layout-flex-7: {
-        -ms-flex: 7;
-        -webkit-flex: 7;
         flex: 7;
       };
 
       --layout-flex-8: {
-        -ms-flex: 8;
-        -webkit-flex: 8;
         flex: 8;
       };
 
       --layout-flex-9: {
-        -ms-flex: 9;
-        -webkit-flex: 9;
         flex: 9;
       };
 
       --layout-flex-10: {
-        -ms-flex: 10;
-        -webkit-flex: 10;
         flex: 10;
       };
 
       --layout-flex-11: {
-        -ms-flex: 11;
-        -webkit-flex: 11;
         flex: 11;
       };
 
       --layout-flex-12: {
-        -ms-flex: 12;
-        -webkit-flex: 12;
         flex: 12;
       };
 
       /* alignment in cross axis */
 
       --layout-start: {
-        -ms-flex-align: start;
-        -webkit-align-items: flex-start;
         align-items: flex-start;
       };
 
       --layout-center: {
-        -ms-flex-align: center;
-        -webkit-align-items: center;
         align-items: center;
       };
 
       --layout-end: {
-        -ms-flex-align: end;
-        -webkit-align-items: flex-end;
         align-items: flex-end;
       };
 
       --layout-baseline: {
-        -ms-flex-align: baseline;
-        -webkit-align-items: baseline;
         align-items: baseline;
       };
 
       /* alignment in main axis */
 
       --layout-start-justified: {
-        -ms-flex-pack: start;
-        -webkit-justify-content: flex-start;
         justify-content: flex-start;
       };
 
       --layout-center-justified: {
-        -ms-flex-pack: center;
-        -webkit-justify-content: center;
         justify-content: center;
       };
 
       --layout-end-justified: {
-        -ms-flex-pack: end;
-        -webkit-justify-content: flex-end;
         justify-content: flex-end;
       };
 
       --layout-around-justified: {
-        -ms-flex-pack: distribute;
-        -webkit-justify-content: space-around;
         justify-content: space-around;
       };
 
       --layout-justified: {
-        -ms-flex-pack: justify;
-        -webkit-justify-content: space-between;
         justify-content: space-between;
       };
 
@@ -293,69 +230,44 @@ const template = html`
       /* self alignment */
 
       --layout-self-start: {
-        -ms-align-self: flex-start;
-        -webkit-align-self: flex-start;
         align-self: flex-start;
       };
 
       --layout-self-center: {
-        -ms-align-self: center;
-        -webkit-align-self: center;
         align-self: center;
       };
 
       --layout-self-end: {
-        -ms-align-self: flex-end;
-        -webkit-align-self: flex-end;
         align-self: flex-end;
       };
 
       --layout-self-stretch: {
-        -ms-align-self: stretch;
-        -webkit-align-self: stretch;
         align-self: stretch;
       };
 
       --layout-self-baseline: {
-        -ms-align-self: baseline;
-        -webkit-align-self: baseline;
         align-self: baseline;
       };
 
       /* multi-line alignment in main axis */
 
       --layout-start-aligned: {
-        -ms-flex-line-pack: start;  /* IE10 */
-        -ms-align-content: flex-start;
-        -webkit-align-content: flex-start;
         align-content: flex-start;
       };
 
       --layout-end-aligned: {
-        -ms-flex-line-pack: end;  /* IE10 */
-        -ms-align-content: flex-end;
-        -webkit-align-content: flex-end;
         align-content: flex-end;
       };
 
       --layout-center-aligned: {
-        -ms-flex-line-pack: center;  /* IE10 */
-        -ms-align-content: center;
-        -webkit-align-content: center;
         align-content: center;
       };
 
       --layout-between-aligned: {
-        -ms-flex-line-pack: justify;  /* IE10 */
-        -ms-align-content: space-between;
-        -webkit-align-content: space-between;
         align-content: space-between;
       };
 
       --layout-around-aligned: {
-        -ms-flex-line-pack: distribute;  /* IE10 */
-        -ms-align-content: space-around;
-        -webkit-align-content: space-around;
         align-content: space-around;
       };
 

third_party/polymer/v3_0/components-chromium/paper-input/paper-input-container.js

@@ -197,18 +197,14 @@ Polymer({
         @apply --layout-fit;
         border-bottom: 2px solid var(--paper-input-container-focus-color, var(--primary-color));
 
-        -webkit-transform-origin: center center;
         transform-origin: center center;
-        -webkit-transform: scale3d(0,1,1);
         transform: scale3d(0,1,1);
 
         @apply --paper-input-container-underline-focus;
       }
 
       .underline.is-highlighted .focused-line {
-        -webkit-transform: none;
         transform: none;
-        -webkit-transition: -webkit-transform 0.25s;
         transition: transform 0.25s;
 
         @apply --paper-transition-easing;
@@ -216,9 +212,7 @@ Polymer({
 
       .underline.is-invalid .focused-line {
         border-color: var(--paper-input-container-invalid-color, var(--error-color));
-        -webkit-transform: none;
         transform: none;
-        -webkit-transition: -webkit-transform 0.25s;
         transition: transform 0.25s;
 
         @apply --paper-transition-easing;
@@ -256,9 +250,7 @@ Polymer({
         width: 100%;
         font: inherit;
         color: var(--paper-input-container-color, var(--secondary-text-color));
-        -webkit-transition: -webkit-transform 0.25s, width 0.25s;
         transition: transform 0.25s, width 0.25s;
-        -webkit-transform-origin: left top;
         transform-origin: left top;
         /* Fix for safari not focusing 0-height date/time inputs with -webkit-apperance: none; */
         min-height: 1px;
@@ -271,7 +263,6 @@ Polymer({
 
       .input-content.label-is-floating ::slotted(label),
       .input-content.label-is-floating ::slotted(.paper-input-label) {
-        -webkit-transform: translateY(-75%) scale(0.75);
         transform: translateY(-75%) scale(0.75);
 
         /* Since we scale to 75/100 of the size, we actually have 100/75 of the
@@ -285,7 +276,6 @@ Polymer({
       :host(:dir(rtl)) .input-content.label-is-floating ::slotted(.paper-input-label) {
         right: 0;
         left: auto;
-        -webkit-transform-origin: right top;
         transform-origin: right top;
       }
 

third_party/polymer/v3_0/components-chromium/paper-progress/paper-progress.js

@@ -128,28 +128,22 @@ Polymer({
 
       :host(.transiting) #primaryProgress,
       :host(.transiting) #secondaryProgress {
-        -webkit-transition-property: -webkit-transform;
         transition-property: transform;
 
         /* Duration */
-        -webkit-transition-duration: var(--paper-progress-transition-duration, 0.08s);
         transition-duration: var(--paper-progress-transition-duration, 0.08s);
 
         /* Timing function */
-        -webkit-transition-timing-function: var(--paper-progress-transition-timing-function, ease);
         transition-timing-function: var(--paper-progress-transition-timing-function, ease);
 
         /* Delay */
-        -webkit-transition-delay: var(--paper-progress-transition-delay, 0s);
         transition-delay: var(--paper-progress-transition-delay, 0s);
       }
 
       #primaryProgress,
       #secondaryProgress {
         @apply --layout-fit;
-        -webkit-transform-origin: left center;
         transform-origin: left center;
-        -webkit-transform: scaleX(0);
         transform: scaleX(0);
         will-change: transform;
       }
@@ -171,50 +165,36 @@ Polymer({
       }
 
       :host(:not([disabled])) #primaryProgress.indeterminate {
-        -webkit-transform-origin: right center;
         transform-origin: right center;
-        -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;
         animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;
       }
 
       :host(:not([disabled])) #primaryProgress.indeterminate::after {
         content: "";
-        -webkit-transform-origin: center center;
         transform-origin: center center;
 
-        -webkit-animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;
         animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;
       }
 
       @-webkit-keyframes indeterminate-bar {
         0% {
-          -webkit-transform: scaleX(1) translateX(-100%);
         }
         50% {
-          -webkit-transform: scaleX(1) translateX(0%);
         }
         75% {
-          -webkit-transform: scaleX(1) translateX(0%);
-          -webkit-animation-timing-function: cubic-bezier(.28,.62,.37,.91);
         }
         100% {
-          -webkit-transform: scaleX(0) translateX(0%);
         }
       }
 
       @-webkit-keyframes indeterminate-splitter {
         0% {
-          -webkit-transform: scaleX(.75) translateX(-125%);
         }
         30% {
-          -webkit-transform: scaleX(.75) translateX(-125%);
-          -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8);
         }
         90% {
-          -webkit-transform: scaleX(.75) translateX(125%);
         }
         100% {
-          -webkit-transform: scaleX(.75) translateX(125%);
         }
       }
 

third_party/polymer/v3_0/components-chromium/paper-spinner/paper-spinner-styles.js

@@ -61,7 +61,6 @@ $_documentContainer.innerHTML = `<dom-module id="paper-spinner-styles">
       }
 
       #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;
       }
 
@@ -107,10 +106,6 @@ $_documentContainer.innerHTML = `<dom-module id="paper-spinner-styles">
        * 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);
@@ -119,22 +114,18 @@ $_documentContainer.innerHTML = `<dom-module id="paper-spinner-styles">
       }
 
       .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;
       }
 
@@ -268,34 +259,27 @@ $_documentContainer.innerHTML = `<dom-module id="paper-spinner-styles">
       .circle-clipper.left .circle {
         left: 0;
         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 .gap-patch::after,
       .active .circle-clipper .circle {
-        -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 .circle {
-        -webkit-animation-name: left-spin;
         animation-name: left-spin;
       }
 
       .active .circle-clipper.right .circle {
-        -webkit-animation-name: right-spin;
         animation-name: right-spin;
       }
 
@@ -324,7 +308,6 @@ $_documentContainer.innerHTML = `<dom-module id="paper-spinner-styles">
       }
 
       #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);
       }
 

third_party/polymer/v3_0/components-chromium/paper-tooltip/paper-tooltip.js

@@ -60,9 +60,6 @@ Polymer({
         position: absolute;
         outline: none;
         z-index: 1002;
-        -moz-user-select: none;
-        -ms-user-select: none;
-        -webkit-user-select: none;
         user-select: none;
         cursor: default;
       }

third_party/polymer/v3_0/reproduce.sh

@@ -82,7 +82,9 @@ if [[ ! -z "${new}${deleted}" ]]; then
   echo
 fi
 
-# TODO css_strip_prefixes.py
+echo 'Stripping unnecessary prefixed CSS rules...'
+python ../v1_0/css_strip_prefixes.py --file_extension=js
+
 # TODO rgbify_hex_vars.py
 # TODO create components summary
 # TODO generate gn