fix(Stencila): Add common theme dependencies

stencila · Sep 12, 2019 · 4c856bd · 4c856bd
1 parent 7639b4b
commit 4c856bd
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 9 deletions.
diff --git a/src/common/styles/common.css b/src/common/styles/common.css
@@ -6,14 +6,11 @@
 
 @import './citations.css';
 
-article {
-  label:first-of-type {
-    position: sticky;
-    top: 0;
-    text-align: right;
-    padding: 12px 24px;
-    background: #fff;
-    z-index: 1;
+:--code-chunk {
+  pre,
+  pre[class*='language-'] {
+    background-color: transparent;
+    height: 100%;
   }
 }
 

diff --git a/src/themes/stencila/styles.css b/src/themes/stencila/styles.css
@@ -1,3 +1,4 @@
+@import '../../common/styles/common.css';
 @import 'prismjs/themes/prism.css';
 @import '../../common/fonts/merriweather/merriweather.css';
 
@@ -217,10 +218,20 @@ article > figure,
 
 :--code-chunk {
   max-width: var(--max-width-media);
+
+  pre,
+  code,
+  pre[class*='language-'],
+  code[class*='language-'] {
+    font-family: var(--font-family-mono);
+  }
 }
 
-article > pre {
+article > pre,
+body > pre,
+main > pre {
   background-color: #fff;
+  padding: 1rem;
 }
 
 pre {