From e2d65686fa7fe5a53d5007cfcc7af9a54fdc165a Mon Sep 17 00:00:00 2001 From: vupham Date: Tue, 18 Apr 2023 11:56:59 +0700 Subject: [PATCH] fix(skeleton-bg): change skeleton bg animation (remove animation because of conflicting on pagespeed) --- scss/skeleton.scss | 17 +---------------- 1 file changed, 1 insertion(+), 16 deletions(-) diff --git a/scss/skeleton.scss b/scss/skeleton.scss index b50d34d..9fb4898 100644 --- 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; - } } \ No newline at end of file