From 44aa1f08eaad1b94996f7b597c900f5f5b266368 Mon Sep 17 00:00:00 2001
From: Pete <epwalsh10@gmail.com>
Date: Thu, 28 Jul 2016 21:52:32 -0500
Subject: [PATCH] add styling to code blocks with line nums
Kept styling the same for code blocks without line nums, added similar
styling for code blocks with line nums
---
css/main.css | 40 ++++++++++++++++++++++++++++++++--------
1 file changed, 32 insertions(+), 8 deletions(-)
diff --git a/css/main.css b/css/main.css
index dead653..f26aac0 100644
--- a/css/main.css
+++ b/css/main.css
@@ -586,18 +586,42 @@ table tr td :last-child {
}
/* --- Code blocks --- */
-
pre {
font-size: 16px;
line-height: 1.5em;
- background: #FAFAFA;
- background-image: linear-gradient(#FAFAFA 50%, #FDFDFD 50%);
- background-position: 0px 10px;
- background-repeat: repeat;
- background-size: 3em 3em;
- border-left: 7px solid #444;
}
-
pre code {
white-space: pre;
}
+pre.highlight, .highlight > pre, td.code pre {
+ background: #FAFAFA;
+ background-image: linear-gradient(#F9F9F9 50%, #FDFDFD 50%);
+ background-repeat: repeat;
+ background-size: 3em 3em;
+ background-position: 0px 10px;
+ border-left: 7px solid #444;
+}
+.highlight > pre {
+ padding: 0;
+ margin: 0;
+}
+td.code pre {
+ border: none;
+ border-left: 2px solid #444;
+ border-radius: 0;
+ background: transparent!;
+}
+td.gutter pre {
+ border: none;
+}
+td.gutter {
+ padding-top: 3px;
+}
+code table {
+ border-collapse: collapse;
+ border: none;
+}
+code table td, code table th, code table tbody, code table tr {
+ padding: 0;
+ border: none;
+}