diff --git a/polaris-react/src/components/SkeletonPage/SkeletonPage.scss b/polaris-react/src/components/SkeletonPage/SkeletonPage.scss index ee04fc35dc4..f08b8e60d9a 100644 --- a/polaris-react/src/components/SkeletonPage/SkeletonPage.scss +++ b/polaris-react/src/components/SkeletonPage/SkeletonPage.scss @@ -11,13 +11,9 @@ $primary-action-button-width: 6.25rem; } .Title { - font-weight: var(--p-font-weight-semibold); + font-weight: var(--p-font-weight-bold); font-size: var(--p-font-size-300); line-height: var(--p-font-line-height-4); - - #{$se23} & { - font-weight: var(--p-font-weight-bold); - } } .SkeletonTitle { diff --git a/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.scss b/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.scss index 4b63b4acdf6..6aa43113d78 100644 --- a/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.scss +++ b/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.scss @@ -2,22 +2,14 @@ .SkeletonThumbnail { // stylelint-disable -- Polaris component custom properties - --pc-skeleton-thumbnail-extra-small-size: 24px; - --pc-skeleton-thumbnail-small-size: 40px; + --pc-skeleton-thumbnail-extra-small-size: 40px; + --pc-skeleton-thumbnail-small-size: 48px; --pc-skeleton-thumbnail-medium-size: 60px; --pc-skeleton-thumbnail-large-size: 80px; // stylelint-enable display: flex; background-color: var(--p-color-bg-strong); - border-radius: var(--p-border-radius-1); - - #{$se23} & { - // stylelint-disable -- Polaris component custom properties, se23 temporary styles - --pc-skeleton-thumbnail-extra-small-size: 40px; - --pc-skeleton-thumbnail-small-size: 48px; - // stylelint-enable - border-radius: var(--p-border-radius-2); - } + border-radius: var(--p-border-radius-2); @media screen and (-ms-high-contrast: active) { background-color: grayText;