Update jetpack 8.0

Signed-off-by: Anthony G. Basile <blueness@gentoo.org>

1 files changed, 49 insertions, 2 deletions

diff --git a/plugins/jetpack/css/jetpack-admin.css b/plugins/jetpack/css/jetpack-admin.css
index e92d100c..8f8a802e 100644
--- a/plugins/jetpack/css/jetpack-admin.css
+++ b/plugins/jetpack/css/jetpack-admin.css
@@ -70,7 +70,7 @@
   }
 }
 
-@keyframes "candy" {
+@keyframes jetpack-candy {
   0% {
     transform: scale(1);
   }
@@ -85,6 +85,24 @@
   }
 }
 
+@keyframes jetpack-loading-fade {
+  0% {
+    opacity: .5;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    opacity: .5;
+  }
+}
+
+@keyframes jetpack-rotate {
+  to {
+    transform: rotate(1turn);
+  }
+}
+
 .button,
 .download-jetpack {
   transition: all .1s ease-in-out;
@@ -221,6 +239,35 @@
   }
 }
 
+.jp-spinner {
+  display: flex;
+  align-items: center;
+}
+
+.jp-spinner__inner,
+.jp-spinner__outer {
+  margin: auto;
+  box-sizing: border-box;
+  border: .1em solid transparent;
+  border-radius: 50%;
+  border-top-color: #00aadc;
+  animation: 3s linear infinite;
+  animation-name: jetpack-rotate;
+}
+
+.jp-spinner__outer {
+  width: 20px;
+  height: 20px;
+  font-size: 20px;
+}
+
+.jp-spinner__inner {
+  width: 100%;
+  height: 100%;
+  border-right-color: #00aadc;
+  opacity: .4;
+}
+
 @font-face {
   font-family: 'automatticons';
   src: url("../_inc/fonts/automatticons/automatticons.eot");
@@ -751,7 +798,7 @@
 }
 
 .footer .a8c-attribution a:hover:after {
-  animation: candy .4s ease-in-out;
+  animation: jetpack-candy .4s ease-in-out;
 }
 
 @media (min-width: 782px) {