jxnblk/mdx-deck
1
1
Fork 0
mirror of https://github.com/jxnblk/mdx-deck.git synced 2024-09-11 06:35:24 +03:00
Code Issues Projects Releases Wiki Activity

Edit themes

Browse Source
This commit is contained in:
Brent Jackson 2020-01-22 17:57:46 -05:00
parent 8f187b4153
commit 1cd6c15054
7 changed files with 48 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
docs/demo.mdx
View File

@ -1,7 +1,4 @@
import Counter from './Counter'
import { prism } from 'mdx-deck'
export const theme = prism
<Head>
<title>mdx-deck</title>

3
packages/gatsby-plugin/src/container.js
View File

@ -54,6 +54,7 @@ const Presenter = props => {
sx={{
display: 'flex',
height: '100vh',
color: 'white',
bg: 'backdrop',
}}>
<div
@ -128,6 +129,7 @@ const Overview = props => {
sx={{
display: 'flex',
height: '100vh',
color: 'white',
bg: 'backdrop',
}}>
<div
@ -195,6 +197,7 @@ const Grid = props => {
<div
sx={{
minHeight: '100vh',
color: 'white',
bg: 'backdrop',
}}>
<div

45
packages/gatsby-plugin/src/theme.js
View File

@ -5,6 +5,26 @@ export default {
background: '#000',
backdrop: '#111',
},
fonts: {
body: 'system-ui, sans-serif',
heading: 'inherit',
monospace: 'Menlo, monospace',
},
fontWeights: {
body: 400,
heading: 700,
},
lineHeights: {
body: 1.5,
heading: 1.125,
},
text: {
heading: {
fontFamily: 'heading',
fontWeight: 'heading',
lineHeight: 'heading',
},
},
styles: {
root: {
fontFamily: 'system-ui, sans-serif',
@ -15,7 +35,32 @@ export default {
height: '100vh',
objectFit: 'contain',
},
h1: {
variant: 'text.heading',
},
h2: {
variant: 'text.heading',
},
h3: {
variant: 'text.heading',
},
h4: {
variant: 'text.heading',
},
h5: {
variant: 'text.heading',
},
h6: {
variant: 'text.heading',
},
code: {
fontFamily: 'monospace',
},
pre: {
fontFamily: 'monospace',
},
Slide: {
fontFamily: 'body',
fontSize: '2em',
},
Header: {

1
packages/themes/book.js
View File

@ -15,7 +15,6 @@ export default {
styles: {
root: {
textAlign: 'left',
fontSize: ['1.5em', '3em'],
},
Slide: {
display: 'block',

1
packages/themes/notes.js
View File

@ -6,7 +6,6 @@ export default {
},
styles: {
root: {
fontSize: ['1.5em', null, '4em'],
textAlign: 'center',
},
pre: {

1
packages/themes/script.js
View File

@ -14,7 +14,6 @@ export default {
},
styles: {
root: {
fontSize: ['1.5em', null, '4em'],
textAlign: 'center',
},
pre: {

1
packages/themes/swiss.js
View File

@ -14,7 +14,6 @@ export default {
styles: {
root: {
textAlign: 'left',
fontSize: ['1.5em', null, '3em'],
},
Slide: {
display: 'block',