Foundation's documentation links updated (#3511)

jpmorganchase · Jun 4, 2024 · c013b93 · c013b93
1 parent 416b7dd
commit c013b93
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/site/docs/foundations/density.mdx b/site/docs/foundations/density.mdx
@@ -45,13 +45,13 @@ Don't use touch density for anything other than mobile or tablet experiences. Fo
 
 ## Mixing densities
 
-Density is intended to be used one density at a time, only changing when part of a [responsive layout](responsiveness). When applying density:
+Density is intended to be used one density at a time, only changing when part of a [responsive layout](/salt/foundations/responsiveness). When applying density:
 
 - Pick a density and be consistent with it across your application
 - Alternatively, set density to align to breakpoints and define which density to use per breakpoint
 - If the use case requires it, mix densities, but do it sparingly in order to provide greater emphasis to a single component or small group of components, such as log-in fields.
 
-The [Responsiveness](responsiveness) foundation includes guidance on recommended breakpoints for each density.
+The [Responsiveness](/salt/foundations/responsiveness) foundation includes guidance on recommended breakpoints for each density.
 
 Before mixing densities, consider other ways to establish hierarchy or emphasise certain elements, such as:
 

diff --git a/site/docs/foundations/division.mdx b/site/docs/foundations/division.mdx
@@ -13,7 +13,7 @@ Negative space is the area between design elements. It can also be the space wit
 
 Negative space should be the first option when dividing regions, blocks of content or elements within a design. It's an elegant visual divider that helps break up an interface without creating visual clutter.
 
-You can find further guidance in the [Spacing foundation](spacing).
+You can find further guidance in the [Spacing foundation](/salt/foundations/spacing).
 
 <Image
   src="/img/foundations/division-negativespace.svg"

diff --git a/site/docs/foundations/responsiveness.mdx b/site/docs/foundations/responsiveness.mdx
@@ -23,7 +23,7 @@ A responsive layout is made up of a set of consistently proportioned columns, se
 
 Basic layout grids are included in the design system to provide a starting point for designing any user interface.
 
-The gutters and margins are set using `--salt-spacing-300` across all densities. The number of columns and their widths vary depending on the density and breakpoint set. Find all you need to know about densities on the [Density foundation](density)
+The gutters and margins are set using `--salt-spacing-300` across all densities. The number of columns and their widths vary depending on the density and breakpoint set. Find all you need to know about densities on the [Density foundation](/salt/foundations/density)
 
 | Token                | High density (px) | Medium | Low | Touch |
 | -------------------- | ----------------- | ------ | --- | ----- |

diff --git a/site/docs/foundations/spacing.mdx b/site/docs/foundations/spacing.mdx
@@ -5,7 +5,7 @@ layout: DetailTechnical
 
 The organization of space is a key aspect of design. Spatial tokens help align layouts and create consistent visual rhythm.
 
-The spacing system is structured around a base unit (`--salt-spacing-100`) for each [density](density). This token determines the scale used across the design system.
+The spacing system is structured around a base unit (`--salt-spacing-100`) for each [density](/salt/foundations/density). This token determines the scale used across the design system.
 
 Every space token within the system is a multiple of `--salt-spacing-100`. The numerical suffix indicates the percentage of the base unit each token represents. The scale is proportional across all densities.