Skip to content
This repository has been archived by the owner on Nov 26, 2024. It is now read-only.

Commit

Permalink
Fixing docs
Browse files Browse the repository at this point in the history
  • Loading branch information
georgewrmarshall committed May 12, 2022
1 parent 465862f commit 9abf171
Showing 1 changed file with 7 additions and 7 deletions.
14 changes: 7 additions & 7 deletions docs/Shadows.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -15,12 +15,12 @@ There are 4 different sizes of shadow in MetaMask.
<Story id="shadows-shadows--size" />
</Canvas>

| Size | JS | CSS |
| ------ | ---------------- | ----------------------- |
| **XS** | `shadow.size.xs` | `var(--shadow-size-xs)` |
| **SM** | `shadow.size.sm` | `var(--shadow-size-sm)` |
| **MD** | `shadow.size.md` | `var(--shadow-size-md)` |
| **LG** | `shadow.size.lg` | `var(--shadow-size-lg)` |
| Size | JS | CSS |
| ------ | ----------------- | ----------------------- |
| **XS** | `shadows.size.xs` | `var(--shadow-size-xs)` |
| **SM** | `shadows.size.sm` | `var(--shadow-size-sm)` |
| **MD** | `shadows.size.md` | `var(--shadow-size-md)` |
| **LG** | `shadows.size.lg` | `var(--shadow-size-lg)` |

## Color

Expand Down Expand Up @@ -55,7 +55,7 @@ Using both size and color tokens, different shadows can be applied to components

The CSS-in-JS `shadows.size` objects for React Native do contain a default color but colors should be overridden so the correct shadow colors are displayed in both light and dark themes.

The `xs` shadow object from `shadows`
The `xs` shadow size object from `shadows`

```
size: {
Expand Down

0 comments on commit 9abf171

Please sign in to comment.