1
1
mirror of https://github.com/jxnblk/mdx-deck.git synced 2024-11-04 05:53:39 +03:00

Use v3 package imports in docs

This commit is contained in:
John Gosset 2019-10-24 10:03:44 -04:00
parent ffbe07d279
commit 738243dad4
3 changed files with 17 additions and 18 deletions

View File

@ -3,7 +3,7 @@ import {
Invert, Split, SplitRight, FullScreenCode, Horizontal
} from 'mdx-deck'
import Counter from './Counter'
import { future } from '@mdx-deck/themes'
import { future } from 'mdx-deck/themes'
export const themes = [ future ]

View File

@ -12,7 +12,6 @@
"dependencies": {
"@emotion/core": "^10.0.7",
"@emotion/styled": "^10.0.7",
"@mdx-deck/themes": "^3.0.8",
"mdx-deck": "^3.0.13",
"styled-system": "^5.0.15"
}

View File

@ -1,7 +1,7 @@
# Themes
```sh
npm i @mdx-deck/themes
npm i mdx-deck/themes
```
![Default theme](images/default.png)
@ -11,7 +11,7 @@ npm i @mdx-deck/themes
![Big theme](images/big.png)
```js
import { big } from '@mdx-deck/themes'
import { big } from 'mdx-deck/themes'
```
---
@ -19,7 +19,7 @@ import { big } from '@mdx-deck/themes'
![Book theme](images/book.png)
```js
import { book } from '@mdx-deck/themes'
import { book } from 'mdx-deck/themes'
```
---
@ -27,7 +27,7 @@ import { book } from '@mdx-deck/themes'
![Code theme](images/code.png)
```js
import { code } from '@mdx-deck/themes'
import { code } from 'mdx-deck/themes'
```
---
@ -35,7 +35,7 @@ import { code } from '@mdx-deck/themes'
![Comic theme](images/comic.png)
```js
import { comic } from '@mdx-deck/themes'
import { comic } from 'mdx-deck/themes'
```
---
@ -43,7 +43,7 @@ import { comic } from '@mdx-deck/themes'
![Condensed theme](images/condensed.png)
```js
import { condensed } from '@mdx-deck/themes'
import { condensed } from 'mdx-deck/themes'
```
---
@ -51,7 +51,7 @@ import { condensed } from '@mdx-deck/themes'
![Dark theme](images/dark.png)
```js
import { dark } from '@mdx-deck/themes'
import { dark } from 'mdx-deck/themes'
```
---
@ -59,7 +59,7 @@ import { dark } from '@mdx-deck/themes'
![Future theme](images/future.png)
```js
import { future } from '@mdx-deck/themes'
import { future } from 'mdx-deck/themes'
```
---
@ -67,7 +67,7 @@ import { future } from '@mdx-deck/themes'
![Hack theme](images/hack.png)
```js
import { hack } from '@mdx-deck/themes'
import { hack } from 'mdx-deck/themes'
```
---
@ -75,7 +75,7 @@ import { hack } from '@mdx-deck/themes'
![Notes theme](images/notes.png)
```js
import { notes } from '@mdx-deck/themes'
import { notes } from 'mdx-deck/themes'
```
---
@ -83,7 +83,7 @@ import { notes } from '@mdx-deck/themes'
![Script theme](images/script.png)
```js
import { script } from '@mdx-deck/themes'
import { script } from 'mdx-deck/themes'
```
---
@ -91,7 +91,7 @@ import { script } from '@mdx-deck/themes'
![Swiss theme](images/swiss.png)
```js
import { swiss } from '@mdx-deck/themes'
import { swiss } from 'mdx-deck/themes'
```
---
@ -99,7 +99,7 @@ import { swiss } from '@mdx-deck/themes'
![Yellow theme](images/yellow.png)
```js
import { yellow } from '@mdx-deck/themes'
import { yellow } from 'mdx-deck/themes'
```
---
@ -107,7 +107,7 @@ import { yellow } from '@mdx-deck/themes'
Poppins
```js
import { poppins } from '@mdx-deck/themes'
import { poppins } from 'mdx-deck/themes'
```
---
@ -115,7 +115,7 @@ import { poppins } from '@mdx-deck/themes'
Syntax Highlighting
```js
import { highlight } from '@mdx-deck/themes'
import { prism } from '@mdx-deck/themes'
import { highlight } from 'mdx-deck/themes'
import { prism } from 'mdx-deck/themes'
```