Apply rouge highlighter background to child node

2015-10-26 15:17:04 +08:00 · 2015-10-26 15:17:04 +08:00 · 2f5303dd67
parent 58365ae898
commit 2f5303dd67
1 changed files with 5 additions and 2 deletions
--- a/lib/site_template/_sass/_syntax-highlighting.scss
+++ b/lib/site_template/_sass/_syntax-highlighting.scss
@ -1,11 +1,14 @@
 /**
 * Syntax highlighting styles
 */
-.highlight,
-.highlighter-rouge {
+.highlight {
    background: #fff;
    @extend %vertical-rhythm;

+    .highlighter-rouge & {
+      background: #eef;
+    }
+
    .c     { color: #998; font-style: italic } // Comment
    .err   { color: #a61717; background-color: #e3d2d2 } // Error
    .k     { font-weight: bold } // Keyword