Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions docs/stories/01-foundations/elevation.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,15 +8,15 @@

## Shadows

Shadows are used to create a sense of depth and separation between elements. They might be used to indicate evelation of
Shadows are used to create a sense of depth and separation between elements. They might be used to indicate elevation of
an element e.g. a Popover, or alternatively, they can indicate that UI can scroll below another element e.g. Tables.

## Z-Index

The z-index determines the stacking order of elements. Elements with a higher z-index always sit in front of elements
with a lower z-index. Our current collection of z-index values are lised below with their alias, they're currently
non-linear to support growing other common use-cases we may not have encountered yet. All are accessible via the theme
object – `theme.zIndices.<alias>`.
with a lower z-index. Our current collection of z-index values is listed below with their corresponding aliases.

Check failure on line 17 in docs/stories/01-foundations/elevation.mdx

View workflow job for this annotation

GitHub Actions / lint

Replace `⏎They're·currently·non-linear·to·support·growing·other·common·use-cases·we·may·not·have·encountered·yet.⏎All·are·accessible·via·` with `They're⏎currently·non-linear·to·support·growing·other·common·use-cases·we·may·not·have·encountered·yet.·All·are·accessible·via⏎`
They're currently non-linear to support growing other common use-cases we may not have encountered yet.
All are accessible via the theme object – `theme.zIndices.<alias>`.

- `navigation` – `100`
- `overlay` – `300`
Expand Down
Loading