diff --git a/documentation/guides/migrating-from-v8-to-v9.md b/documentation/guides/migrating-from-v8-to-v9.md index 64400410987..de59665a31f 100644 --- a/documentation/guides/migrating-from-v8-to-v9.md +++ b/documentation/guides/migrating-from-v8-to-v9.md @@ -328,6 +328,79 @@ This function has been deprecated, but the definition can be copied and used loc | `shadow(layer)` | `--p-shadow-layer` | | `shadow(transparent)` | `--p-shadow-transparent` | +#### `skeleton-page-header-layout()` + +| Deprecated Mixin | Replacement Value | +| -------------------------------------- | ---------------------------------- | +| `@include skeleton-page-header-layout` | `padding-bottom: var(--p-space-2)` | + +#### `skeleton-page-secondary-actions-layout()` + + + + + + + + + + +
Deprecated MixinReplacement Value
+ +`@include skeleton-page-secondary-actions-layout` + + + +```scss +margin-top: var(--p-space-2); +display: flex; +flex-direction: row-reverse; +justify-content: flex-end; +align-items: center; +``` + +
+ +#### `skeleton-shimmer()` + +We completely removed motion from our skeleton components for a better user experience but if you want to keep the functionality of this mixin you can reference the table below for replacement values. + + + + + + + + + + +
Deprecated MixinReplacement Value
+ +`@include skeleton-shimmer` + + + +```scss +animation: shimmer 800ms linear infinite alternate; +will-change: opacity; + +@keyframes shimmer { + 0% { + opacity: 0.45; + } + + 100% { + opacity: 0.9; + } +} + +@media (prefers-reduced-motion) { + animation: none; +} +``` + +
+ #### `spacing()` | Function | Replacement Value/Token |