Added Polymer 0.5.4

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

Index: polymer_0.5.4/bower_components/paper-spinner/paper-spinner.css
diff --git a/polymer_0.5.0/bower_components/paper-spinner/paper-spinner.css b/polymer_0.5.4/bower_components/paper-spinner/paper-spinner.css
similarity index 88%
copy from polymer_0.5.0/bower_components/paper-spinner/paper-spinner.css
copy to polymer_0.5.4/bower_components/paper-spinner/paper-spinner.css
index 4c3fcaab7162df1b9b5cdf3bd495c08decdaf765..f6d07b017e9fecd7f89c195927cb483e26153369 100644
--- a/polymer_0.5.0/bower_components/paper-spinner/paper-spinner.css
+++ b/polymer_0.5.4/bower_components/paper-spinner/paper-spinner.css
@@ -134,75 +134,87 @@
   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;
@@ -301,11 +313,11 @@
 }
 
 @-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; }
 }