diff --git a/.changeset/fuzzy-walls-tap.md b/.changeset/fuzzy-walls-tap.md new file mode 100644 index 00000000000..a8597afee78 --- /dev/null +++ b/.changeset/fuzzy-walls-tap.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Update CSS Custom Property used in skeletons to fix animation behind feature flag. diff --git a/packages/react/src/experimental/Skeleton/SkeletonBox.module.css b/packages/react/src/experimental/Skeleton/SkeletonBox.module.css index da8ea19c5d6..c7ce94eb732 100644 --- a/packages/react/src/experimental/Skeleton/SkeletonBox.module.css +++ b/packages/react/src/experimental/Skeleton/SkeletonBox.module.css @@ -19,7 +19,7 @@ mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%); mask-size: 200%; animation: shimmer; - animation-duration: var(base-duration-1000); + animation-duration: var(--base-duration-1000); animation-iteration-count: infinite; }