Added Polymer 0.5.4

polymer_0.5.4/bower_components/paper-spinner/paper-spinner.css

 /*
     @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
  */
 
@@ skipping 116 matching lines @@
   12.5% { transform: rotate(135deg);  } /* 0.5 * ARCSIZE */
   25%   { transform: rotate(270deg);  } /* 1   * ARCSIZE */
   37.5% { transform: rotate(405deg);  } /* 1.5 * ARCSIZE */
   50%   { transform: rotate(540deg);  } /* 2   * ARCSIZE */
   62.5% { transform: rotate(675deg);  } /* 2.5 * ARCSIZE */
   75%   { transform: rotate(810deg);  } /* 3   * ARCSIZE */
   87.5% { transform: rotate(945deg);  } /* 3.5 * ARCSIZE */
   to    { transform: rotate(1080deg); } /* 4   * ARCSIZE */
 }
 
+/**
+ * HACK: Even though the intention is to have the current .spinner-layer at
+ * `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
+ * to do proper subpixel rendering for the elements being animated. This is
+ * especially visible in Chrome 39 on Ubuntu 14.04. See:
+ *
+ * - https://github.com/Polymer/paper-spinner/issues/9
+ * - https://code.google.com/p/chromium/issues/detail?id=436255
+ */
 @-webkit-keyframes blue-fade-in-out {
-  from { opacity: 1; }
-  25% { opacity: 1; }
+  from { opacity: 0.99; }
+  25% { opacity: 0.99; }
   26% { opacity: 0; }
   89% { opacity: 0; }
-  90% { opacity: 1; }
-  100% { opacity: 1; }
+  90% { opacity: 0.99; }
+  100% { opacity: 0.99; }
 }
 
 @keyframes blue-fade-in-out {
-  from { opacity: 1; }
-  25% { opacity: 1; }
+  from { opacity: 0.99; }
+  25% { opacity: 0.99; }
   26% { opacity: 0; }
   89% { opacity: 0; }
-  90% { opacity: 1; }
-  100% { opacity: 1; }
+  90% { opacity: 0.99; }
+  100% { opacity: 0.99; }
 }
 
 @-webkit-keyframes red-fade-in-out {
   from { opacity: 0; }
   15% { opacity: 0; }
-  25% { opacity: 1; }
-  50% { opacity: 1; }
+  25% { opacity: 0.99; }
+  50% { opacity: 0.99; }
   51% { opacity: 0; }
 }
 
 @keyframes red-fade-in-out {
   from { opacity: 0; }
   15% { opacity: 0; }
-  25% { opacity: 1; }
-  50% { opacity: 1; }
+  25% { opacity: 0.99; }
+  50% { opacity: 0.99; }
   51% { opacity: 0; }
 }
 
 @-webkit-keyframes yellow-fade-in-out {
   from { opacity: 0; }
   40% { opacity: 0; }
-  50% { opacity: 1; }
-  75% { opacity: 1; }
+  50% { opacity: 0.99; }
+  75% { opacity: 0.99; }
   76% { opacity: 0; }
 }
 
 @keyframes yellow-fade-in-out {
   from { opacity: 0; }
   40% { opacity: 0; }
-  50% { opacity: 1; }
-  75% { opacity: 1; }
+  50% { opacity: 0.99; }
+  75% { opacity: 0.99; }
   76% { opacity: 0; }
 }
 
 @-webkit-keyframes green-fade-in-out {
   from { opacity: 0; }
   65% { opacity: 0; }
-  75% { opacity: 1; }
-  90% { opacity: 1; }
+  75% { opacity: 0.99; }
+  90% { opacity: 0.99; }
   100% { opacity: 0; }
 }
 
 @keyframes green-fade-in-out {
   from { opacity: 0; }
   65% { opacity: 0; }
-  75% { opacity: 1; }
-  90% { opacity: 1; }
+  75% { opacity: 0.99; }
+  90% { opacity: 0.99; }
   100% { opacity: 0; }
 }
 
 /**
  * Patch the gap that appear between the two adjacent div.circle-clipper while the
  * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
+ *
+ * Update: the gap no longer appears on Chrome when .spinner-layer's opacity is 0.99,
+ * but still does on Safari and IE.
  */
 .gap-patch {
   position: absolute;
   box-sizing: border-box;
   top: 0;
   left: 45%;
   width: 10%;
   height: 100%;
   overflow: hidden;
   border-color: inherit;
@@ skipping 78 matching lines @@
   to { transform: rotate(-130deg); }
 }
 
 #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: 1; }
+  from { opacity: 0.99; }
   to { opacity: 0; }
 }
 
 @keyframes fade-out {
-  from { opacity: 1; }
+  from { opacity: 0.99; }
   to { opacity: 0; }
 }