Adjust themes

docs/demo.mdx

@@ -5,11 +5,8 @@ import Counter from './Counter'
 import future from '@mdx-deck/themes/future'
 import aspect from '@mdx-deck/themes/aspect'
 
-import { hack } from '@mdx-deck/themes'
-
 export const themes = [
-  hack,
-  // future,
+  future,
   aspect,
 ]
 

packages/themes/aspect-4-3.js

@@ -1,6 +1,7 @@
+import merge from 'lodash.merge'
 import aspect from './aspect'
 
-export default {
-  ...aspect,
+export default theme =>
+  merge(theme, aspect(theme), {
     aspectRatio: 9 / 16,
-}
+  })

packages/themes/aspect.js

@@ -1,4 +1,13 @@
-export default {
+import merge from 'lodash.merge'
+
+export default theme => {
+  if (theme && theme.css) {
+    // remove responsive styles from built-in themes
+    delete theme.css['@media screen and (min-width:56em)']
+    delete theme.css['@media screen and (min-width:64em)']
+  }
+
+  return merge(theme, {
     aspectRatio: 9 / 16,
     css: {
       fontSize: '1em',
@@ -12,4 +21,5 @@ export default {
         fontSize: 'inherit',
       },
     },
+  })
 }