Skip to content

Commit

Permalink
fix(margin): Update broken doc links (#3365)
Browse files Browse the repository at this point in the history
  • Loading branch information
Ayesha Mazumdar authored Jun 29, 2018
1 parent 2a78a47 commit 26a5eed
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 4 deletions.
4 changes: 2 additions & 2 deletions ui/utilities/margin/docs.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
4 changes: 2 additions & 2 deletions ui/utilities/padding/_doc.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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
*
Expand Down

0 comments on commit 26a5eed

Please sign in to comment.