Skip to content
Open
Changes from 1 commit
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