You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: ui/utilities/margin/docs.mdx
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,12 +8,12 @@ The base unit of all of our spacing metrics is **4**.
8
8
**Before using**
9
9
10
10
- Most components already come with spacing included. These utility classes are for added convenience in laying out components.
11
-
- Classes prefixed by `slds-m-` are used for adding **margins**. Classes prefixed in `slds-p-` are used for adding [padding](/components/utilities/padding)
11
+
- Classes prefixed by `slds-m-` are used for adding **margins**. Classes prefixed in `slds-p-` are used for adding [padding](/utilities/padding)
12
12
- The directions available for the spacing classes are `top`, `right`, `bottom`, and `left`.
13
13
- You can use the `vertical` shortcut for both `top` and `bottom`, `horizontal` for both `right` and `left`, and `around` for all sides.
14
14
- Use the `_xxx-small` through `_xx-large` scale to choose the size needed.
15
15
- You can also use `none` as the size on any of the directions to enforce zero margin.
16
-
- Where **vertical centering** is required, check out our [centered media object](/components/utilities/media-objects/#center) instead of applying extra `margin` or `padding`.
16
+
- Where **vertical centering** is required, check out our [centered media object](/utilities/media-objects) instead of applying extra `margin` or `padding`.
Copy file name to clipboardExpand all lines: ui/utilities/padding/_doc.scss
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -5,11 +5,11 @@
5
5
* Spacing indicates `margin` and `padding`. The base unit of all our spacing metrics is **4**.
6
6
*
7
7
* - Most components already come with spacing included. These utility classes are for added convenience in laying out components.
8
-
* - Classes prefixed by `.slds-m-` are used for adding **margins**. Classes prefixed in `.slds-p-` are used for adding **padding**
8
+
* - Classes prefixed in `slds-p-` are used for adding **padding**. Classes prefixed by `slds-m-` are used for adding [margins](/utilities/margin).
9
9
* - The directions available for the spacing classes are `top`, `right`, `bottom`, and `left`.
10
10
* - You can use the `vertical` shortcut for both `top` and `bottom`, `horizontal` for both `right` and `left`, and `around` for all sides.
11
11
* - Use the `_xxx-small` through `_xx-large` scale to choose the size needed.
12
-
* - Where **vertical centering** is required, check out our [/components/utilities/media-objects/#center](centered media object) instead of applying extra `margin` or `padding`.
12
+
* - Where **vertical centering** is required, check out our [centered media object](/utilities/media-objects) instead of applying extra `margin` or `padding`.
13
13
*
14
14
* @summary Adjust whitespace with horizontal and vertical spacing helpers
0 commit comments