From 1a36922f41f2890c778feedbad9c5b74a72a3907 Mon Sep 17 00:00:00 2001
From: Daniel Ehrhardt <daniel.ehrhardt@codext.de>
Date: Mon, 24 May 2021 14:52:39 +0200
Subject: [PATCH] fix(skeleton-text): animation no longer jumps on large
 skeleton text elements (#22697)

resolves #22694
---
 core/src/components/skeleton-text/skeleton-text.scss | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/core/src/components/skeleton-text/skeleton-text.scss b/core/src/components/skeleton-text/skeleton-text.scss
index 838a06c9d7..0f7a69c0f1 100644
--- a/core/src/components/skeleton-text/skeleton-text.scss
+++ b/core/src/components/skeleton-text/skeleton-text.scss
@@ -47,7 +47,12 @@ span {
 :host(.skeleton-text-animated) {
   position: relative;
 
-  background: linear-gradient(to right, $skeleton-text-background 8%, $skeleton-text-background-animated 18%, $skeleton-text-background 33%);
+  background: linear-gradient(
+    to right,
+    $skeleton-text-background 8%,
+    $skeleton-text-background-animated 18%,
+    $skeleton-text-background 33%
+  );
   background-size: 800px 104px;
   animation-duration: 1s;
   animation-fill-mode: forwards;
@@ -59,11 +64,11 @@ span {
 /* stylelint-disable property-blacklist */
 @keyframes shimmer {
   0% {
-    background-position: -468px 0
+    background-position: -400px 0;
   }
 
   100% {
-    background-position: 468px 0
+    background-position: 400px 0;
   }
 }
 /* stylelint-enable property-blacklist */