Do not touch div.highlight styles

Closes #25

1 files changed, 6 insertions, 11 deletions

diff --git a/layouts/partials/style.html b/layouts/partials/style.html
index 173aec9..97499d0 100644
--- a/layouts/partials/style.html
+++ b/layouts/partials/style.html
@@ -64,22 +64,20 @@
 
   code {
     padding: 2px 5px;
+  }
+
+  :not(div.highlight)>pre code,
+  :not(pre)>code {
     background-color: #f2f2f2;
   }
 
   pre code {
-    color: #222;
     display: block;
     padding: 20px;
     white-space: pre-wrap;
     font-size: 14px;
   }
 
-  div.highlight code {
-    background-color: unset;
-    color: initial;
-  }
-
   blockquote {
     border-left: 1px solid #999;
     color: #222;
@@ -141,14 +139,11 @@
       color: #8cc2dd;
     }
 
-    code {
+    :not(div.highlight)>pre code,
+    :not(pre)>code {
       background-color: #777;
     }
 
-    pre code {
-      color: #ddd;
-    }
-
     blockquote {
       color: #ccc;
     }