Merge pull request #204 from calebissharp/nested-lists

Target nested lists to ensure font size is the same

src/themes/base.js

@@ -1,9 +1,7 @@
 export default {
   font: 'system-ui, sans-serif',
   monospace: 'Menlo, monospace',
-  fontSizes: [
-    '0.75em', '1em', '1.5em', '2em', '3em'
-  ],
+  fontSizes: ['0.75em', '1em', '1.5em', '2em', '3em'],
   colors: {
     text: '#000',
     background: 'white',
@@ -17,12 +15,19 @@ export default {
     textAlign: 'center',
     '@media screen and (min-width:64em)': {
       fontSize: '32px',
-    }
+    },
+    'li > ul, li > ol': {
+      fontSize: 'inherit',
+    },
+    'li > p': {
+      fontSize: 'inherit',
+      margin: 0,
+    },
   },
   ol: {
-    textAlign: 'left'
+    textAlign: 'left',
   },
   ul: {
-    textAlign: 'left'
+    textAlign: 'left',
   },
 }

test/__snapshots__/index.js.snap

@@ -335,6 +335,16 @@ Array [
   background-color: white;
 }
 
+.c0 li > ul,
+.c0 li > ol {
+  font-size: inherit;
+}
+
+.c0 li > p {
+  font-size: inherit;
+  margin: 0;
+}
+
 @media print {
   .c1 {
     height: auto;