Merge pull request #75 from mdinger/non_pre

Generalize inline code to all themes

src/theme/book.css

@@ -270,9 +270,17 @@ h3 {
   }
 }
 .light {
+/* Inline code */
   color: #333;
   background-color: #fff;
 }
+.light :not(pre) > .hljs {
+  display: inline-block;
+  vertical-align: middle;
+  padding: 0.1em 0.3em;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
 .light .sidebar {
   background-color: #fafafa;
   color: #364149;
@@ -318,9 +326,17 @@ h3 {
   background-color: #e6e6e6;
 }
 .coal {
+/* Inline code */
   color: #98a3ad;
   background-color: #141617;
 }
+.coal :not(pre) > .hljs {
+  display: inline-block;
+  vertical-align: middle;
+  padding: 0.1em 0.3em;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
 .coal .sidebar {
   background-color: #292c2f;
   color: #a1adb8;
@@ -366,9 +382,17 @@ h3 {
   background-color: #1f2124;
 }
 .navy {
+/* Inline code */
   color: #bcbdd0;
   background-color: #161923;
 }
+.navy :not(pre) > .hljs {
+  display: inline-block;
+  vertical-align: middle;
+  padding: 0.1em 0.3em;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
 .navy .sidebar {
   background-color: #282d3f;
   color: #c8c9db;
@@ -414,9 +438,17 @@ h3 {
   background-color: #282e40;
 }
 .rust {
+/* Inline code */
   color: #262625;
   background-color: #e1e1db;
 }
+.rust :not(pre) > .hljs {
+  display: inline-block;
+  vertical-align: middle;
+  padding: 0.1em 0.3em;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
 .rust .sidebar {
   background-color: #3b2e2a;
   color: #c8c9db;

src/theme/highlight.css

@@ -10,14 +10,6 @@
   -webkit-text-size-adjust: none;
 }
 
-/* Inline code */
-:not(pre) > .hljs {
-    display: inline-block;
-    vertical-align: middle;
-    padding: 0.1em 0.3em;
-    border-radius: 3px;
-}
-
 
 /* Atelier-Dune Comment */
 .hljs-comment {

src/theme/stylus/themes/base.styl

@@ -1,4 +1,12 @@
 .{unquote($theme-name)} {
+    /* Inline code */
+    :not(pre) > .hljs {
+        display: inline-block;
+        vertical-align: middle;
+        padding: 0.1em 0.3em;
+        border-radius: 3px;
+    }
+
     color: $fg
     background-color: $bg