Fix code highlighting
Fixes #36
diff --git a/static/css/pygments.css b/static/css/pygments.css
index e7b1ca4..ffc1611 100644
--- a/static/css/pygments.css
+++ b/static/css/pygments.css
@@ -2,7 +2,7 @@
/* See available classes at https://bitbucket.org/birkenfeld/pygments-main/src/default/pygments/token.py */
-.hll { background-color: #ffd800; padding-right:100%; }
+.hll { background-color: #ffd800; display: block;}
.w { color: #bbbbbb; }
/* .esc (Escape) */
.err { color: #a61717; background-color: #e3d2d2; }
diff --git a/static/css/style.scss b/static/css/style.scss
index 5486ac8..5bb3565 100644
--- a/static/css/style.scss
+++ b/static/css/style.scss
@@ -28,7 +28,7 @@
$main_font_size: 1rem;
$nav_font_size: 1rem;
$subtitle_font_size: 0.9rem;
-$code_font_size: 0.9rem;
+$code_font_size: 1rem;
$article_meta_font_size: 0.8rem;
$pagination_font_size: 0.9rem;
$footer_font_size: 0.7rem;
@@ -183,14 +183,19 @@
pre {
@include codeformat;
- line-height: 1.125em;
+ line-height: 1.25;
margin-bottom: 0px;
margin-top: 0px;
padding-top: 5px;
padding-bottom: 10px;
}
+ div.highlight {
+ overflow: auto;
+ }
+
div.highlight pre {
+ display: inline-block;
padding-left: 10px;
overflow-x: auto;
border: 1px solid $code-border;