jxnblk/mdx-deck
1
1
Fork 0
mirror of https://github.com/jxnblk/mdx-deck.git synced 2024-11-04 05:53:39 +03:00
Code Issues Projects Releases Wiki Activity

Edit examples

Browse Source
This commit is contained in:
Brent Jackson 2020-02-02 12:45:23 -05:00
parent e430a57b2d
commit 97b849ad75
10 changed files with 45 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/theming.md
View File

@ -109,6 +109,7 @@ export default {
- `fonts.heading`: heading font family
- `fonts.monospace`: font family for `<pre>` and `<code>`
- `text.heading`: styles for all headings
- `styles`: Theme UI styles for MDX elements
- `styles.Slide`: styles for the wrapping Slide component
- `styles.Header`: styles for the Header component
- `styles.Footer`: styles for the Footer component

1
examples/head/deck.mdx
View File

@ -1,4 +1,3 @@
import { Head } from 'mdx-deck'
<Head>
<title>Hello</title>

19
examples/header-footer/deck.mdx Normal file
View File

@ -0,0 +1,19 @@
<Header>
# Header
</Header>
<Footer>
[@jxnblk](https://twitter.com/jxnblk)
</Footer>
# Hello!
---
This deck has a header and footer

13
examples/header-footer/package.json Normal file
View File

@ -0,0 +1,13 @@
{
"private": true,
"name": "@mdx-deck/header-footer-example",
"version": "3.1.0",
"scripts": {
"start": "mdx-deck deck.mdx",
"build": "mdx-deck build deck.mdx",
"help": "mdx-deck"
},
"devDependencies": {
"mdx-deck": "^3.1.0"
}
}

7
examples/layouts/deck.mdx
View File

@ -1,10 +1,3 @@
import {
Invert,
Split,
SplitRight,
Horizontal,
FullScreenCode,
} from 'mdx-deck'
# Hello!

9
examples/appear/deck.mdx → examples/steps/deck.mdx
View File

@ -1,4 +1,3 @@
import { Appear } from 'mdx-deck'
# Hello!
@ -6,21 +5,21 @@ import { Appear } from 'mdx-deck'
<ul>
<li>One</li>
<Appear>
<Steps>
<li>Two</li>
<li>Three</li>
<li>Four</li>
</Appear>
</Steps>
</ul>
---
## One
<Appear>
<Steps>
## Two
## Three
</Appear>
</Steps>

0
examples/appear/package.json → examples/steps/package.json
View File

10
examples/syntax-highlighting/deck.mdx
View File

@ -1,9 +1,9 @@
import { future, highlight } from 'mdx-deck/themes'
import { future, highlight } from '@mdx-deck/themes'
export const themes = [
future,
highlight
]
export const theme = {
...future,
...highlight
}
# Hello!

1
examples/themes/deck.mdx
View File

@ -1,4 +1,5 @@
import { ThemeName } from './theme'
export { theme } from './theme'
# Hello <ThemeName />!

10
packages/mdx-deck/README.md
View File

@ -232,16 +232,10 @@ See how others have used MDX Deck for their presentations.
The following examples will open in CodeSandbox.
- [Basic Example](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/basic)
- [Multiple Decks](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/multiple)
- [Syntax Highlighting](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/syntax-highlighting)
- [Prism Syntax Highlighting](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/prism)
- [Aspect Ratio](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/aspect-ratio)
- [Layouts](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/layouts)
- [Images](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/images)
- [Appear](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/appear)
- [Steps](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/steps)
- [Head](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/head)
- [Provider](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/provider)
- [Themes](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/themes)
- [Header & Footer](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/example/header-footer)
---