diff --git a/ui/utilities/margin/docs.mdx b/ui/utilities/margin/docs.mdx index dfe3e4050a..c81f3c76ed 100644 --- a/ui/utilities/margin/docs.mdx +++ b/ui/utilities/margin/docs.mdx @@ -8,12 +8,12 @@ The base unit of all of our spacing metrics is **4**. **Before using** - Most components already come with spacing included. These utility classes are for added convenience in laying out components. -- Classes prefixed by `slds-m-` are used for adding **margins**. Classes prefixed in `slds-p-` are used for adding [padding](/components/utilities/padding) +- Classes prefixed by `slds-m-` are used for adding **margins**. Classes prefixed in `slds-p-` are used for adding [padding](/utilities/padding) - The directions available for the spacing classes are `top`, `right`, `bottom`, and `left`. - You can use the `vertical` shortcut for both `top` and `bottom`, `horizontal` for both `right` and `left`, and `around` for all sides. - Use the `_xxx-small` through `_xx-large` scale to choose the size needed. - You can also use `none` as the size on any of the directions to enforce zero margin. -- Where **vertical centering** is required, check out our [centered media object](/components/utilities/media-objects/#center) instead of applying extra `margin` or `padding`. +- Where **vertical centering** is required, check out our [centered media object](/utilities/media-objects) instead of applying extra `margin` or `padding`. ## Location - Top diff --git a/ui/utilities/padding/_doc.scss b/ui/utilities/padding/_doc.scss index f57bd243b1..09123a25f6 100644 --- a/ui/utilities/padding/_doc.scss +++ b/ui/utilities/padding/_doc.scss @@ -5,11 +5,11 @@ * Spacing indicates `margin` and `padding`. The base unit of all our spacing metrics is **4**. * * - Most components already come with spacing included. These utility classes are for added convenience in laying out components. - * - Classes prefixed by `.slds-m-` are used for adding **margins**. Classes prefixed in `.slds-p-` are used for adding **padding** + * - Classes prefixed in `slds-p-` are used for adding **padding**. Classes prefixed by `slds-m-` are used for adding [margins](/utilities/margin). * - The directions available for the spacing classes are `top`, `right`, `bottom`, and `left`. * - You can use the `vertical` shortcut for both `top` and `bottom`, `horizontal` for both `right` and `left`, and `around` for all sides. * - Use the `_xxx-small` through `_xx-large` scale to choose the size needed. - * - Where **vertical centering** is required, check out our [/components/utilities/media-objects/#center](centered media object) instead of applying extra `margin` or `padding`. + * - Where **vertical centering** is required, check out our [centered media object](/utilities/media-objects) instead of applying extra `margin` or `padding`. * * @summary Adjust whitespace with horizontal and vertical spacing helpers *