fix(Stencila): Reduce max-width of CodeChunk components

stencila · Oct 8, 2019 · 5ee20b0 · 5ee20b0
1 parent 236f1e7
commit 5ee20b0
Showing 1 changed file with 6 additions and 10 deletions.
diff --git a/src/themes/stencila/styles.css b/src/themes/stencila/styles.css
@@ -206,18 +206,14 @@ main > pre,
 article > figure,
 :--CodeChunk {
   background-color: #fff;
-  width: auto;
-  max-width: var(--max-width);
-  margin: 1.25rem auto;
-  box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
-  border: 1px solid #dbdbdb;
   border-radius: 4px;
-  overflow-y: hidden;
-  overflow-x: auto;
-}
-
-:--CodeChunk {
+  border: 1px solid #dbdbdb;
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
+  margin: 1.25rem auto;
   max-width: var(--max-width-media);
+  overflow-x: auto;
+  overflow-y: hidden;
+  width: auto;
 
   pre,
   code,