fix(skeleton-bg): change skeleton bg animation (remove animation beca…

…use of conflicting on pagespeed)
viivue · Apr 18, 2023 · e2d6568 · e2d6568
1 parent f2ed76a
commit e2d6568
Showing 1 changed file with 1 addition and 16 deletions.
diff --git a/scss/skeleton.scss b/scss/skeleton.scss
@@ -4,21 +4,6 @@
 @import "helpers";
 
 .skeleton-bg {
-  background-color: #eee;
-  background-image: linear-gradient(
-                  90deg,
-                  rgba(255, 255, 255, 0),
-                  rgba(255, 255, 255, 0.5) 50%,
-                  rgba(255, 255, 255, 0) 80%
-  );
-  background-size: 100px 100%;
-  background-position: -50% 0;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgPGRlZnM+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+DQogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoMjU1LDI1NSwyNTUpO3N0b3Atb3BhY2l0eTowIiAvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoMjU1LDI1NSwyNTUpO3N0b3Atb3BhY2l0eTowLjgiIC8+DQogICAgPC9saW5lYXJHcmFkaWVudD4NCiAgPC9kZWZzPg0KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PC9yZWN0Pg0KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxMCIgZmlsbD0idXJsKCNncmFkKSI+DQogICAgPGFuaW1hdGUNCiAgICAgIGF0dHJpYnV0ZU5hbWU9IngiDQogICAgICB2YWx1ZXM9IjA7MTAiDQogICAgICBkdXI9IjFzIg0KICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogIDwvcmVjdD4NCjwvc3ZnPg==);
   background-repeat: repeat-y;
-  animation: skeleton-shine 1.2s infinite;
-}
-
-@keyframes skeleton-shine {
-  to {
-    background-position: 150% 0;
-  }
 }