From b8c010eb3b3944d96473fb78e658e7baa1ea9c46 Mon Sep 17 00:00:00 2001 From: Josh Black Date: Thu, 13 Mar 2025 09:57:30 -0500 Subject: [PATCH 1/2] Update SkeletonBox.module.css --- packages/react/src/experimental/Skeleton/SkeletonBox.module.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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; } From 1e0a65a252a51029ab935beed6376d590cb4ee8b Mon Sep 17 00:00:00 2001 From: Josh Black Date: Thu, 13 Mar 2025 10:00:59 -0500 Subject: [PATCH 2/2] Create fuzzy-walls-tap.md --- .changeset/fuzzy-walls-tap.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/fuzzy-walls-tap.md 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.