fix(Nature): Adjust theme to handle YAML frontmatter + CodeChunks

stencila · Oct 2, 2019 · 802cfcf · 802cfcf
1 parent 375f54c
commit 802cfcf
Show file tree

Hide file tree

Showing 3 changed files with 49 additions and 0 deletions.
diff --git a/src/common/styles/common.css b/src/common/styles/common.css
@@ -16,6 +16,10 @@
   .codeContainer {
     pre {
       overflow-x: auto;
+
+      output {
+        white-space: pre-line;
+      }
     }
   }
 }

diff --git a/src/themes/eLife/styles.css b/src/themes/eLife/styles.css
@@ -308,6 +308,7 @@ blockquote {
 }
 
 /* Microdata-based Styles */
+@import '../../designa/Entity.css';
 @import '../../designa/Person.css';
 
 :--Article {

diff --git a/src/themes/nature/styles.css b/src/themes/nature/styles.css
@@ -413,6 +413,50 @@ blockquote {
 }
 
 /* Microdata-based Styles */
+@import '../../designa/Entity.css';
+@import '../../designa/Person.css';
+
+:--Article {
+  > :--headline {
+    padding-left: 50px;
+  }
+
+  > :--headline + div {
+    font-family: var(--heading-font);
+
+    :--authors {
+      margin: 0 auto;
+    }
+
+    :--organizations {
+      @mixin list-separated;
+      font-size: 14px;
+      display: block;
+      margin: 1.25rem auto;
+      padding-left: 50px;
+
+      li > * {
+        display: inline;
+      }
+    }
+  }
+
+  :--description {
+    margin: 0 auto 1.25rem;
+    max-width: var(--max-width);
+    padding-left: 50px;
+
+    > p {
+      padding-left: 0;
+    }
+  }
+
+  :--CodeChunk {
+    /* Match figure width */
+    max-width: calc(var(--max-width) - 100px);
+  }
+}
+
 :--publisher,
 :--authors,
 :--CreativeWork header h2,