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 1/3] 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;
+}
From 841a247664a8046f6c1608faf59ce0101ca49a8e Mon Sep 17 00:00:00 2001
From: Pete <epwalsh10@gmail.com>
Date: Fri, 29 Jul 2016 17:10:26 -0500
Subject: [PATCH 2/3] clean up the css
---
_posts/2015-02-20-test-markdown.md | 9 +++++++++
css/main.css | 26 ++++++++++----------------
2 files changed, 19 insertions(+), 16 deletions(-)
diff --git a/_posts/2015-02-20-test-markdown.md b/_posts/2015-02-20-test-markdown.md
index 5f3ebc1..7f0308e 100644
--- a/_posts/2015-02-20-test-markdown.md
+++ b/_posts/2015-02-20-test-markdown.md
@@ -39,3 +39,12 @@ var foo = function(x) {
}
foo(3)
```
+
+And here is some more with line numbers
+
+{% highlight python linenos %}
+def bar(x):
+ return x * 2
+
+print bar(2)
+{% endhighlight %}
diff --git a/css/main.css b/css/main.css
index f26aac0..9a7a33b 100644
--- a/css/main.css
+++ b/css/main.css
@@ -586,8 +586,9 @@ table tr td :last-child {
}
/* --- Code blocks --- */
+
pre {
- font-size: 16px;
+ font-size: 16px !important;
line-height: 1.5em;
}
pre code {
@@ -601,27 +602,20 @@ pre.highlight, .highlight > pre, td.code pre {
background-position: 0px 10px;
border-left: 7px solid #444;
}
+code table, code table td, code table th, code table tbody, code table tr,
+td.gutter pre {
+ padding: 0;
+ border: none;
+}
.highlight > pre {
padding: 0;
- margin: 0;
}
td.code pre {
- border: none;
- border-left: 2px solid #444;
+ border-width: 0 0 0 2px;
+ border-style: solid;
+ border-color: #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;
-}
From da54dfd21a0f40f199c957e2e06c39e5db1c75b7 Mon Sep 17 00:00:00 2001
From: Pete <epwalsh10@gmail.com>
Date: Fri, 29 Jul 2016 22:26:26 -0500
Subject: [PATCH 3/3] remove imp
---
css/main.css | 2 +-
css/pygment_highlights.css | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/css/main.css b/css/main.css
index 9a7a33b..914987b 100644
--- a/css/main.css
+++ b/css/main.css
@@ -588,7 +588,7 @@ table tr td :last-child {
/* --- Code blocks --- */
pre {
- font-size: 16px !important;
+ font-size: 16px;
line-height: 1.5em;
}
pre code {
diff --git a/css/pygment_highlights.css b/css/pygment_highlights.css
index 3904a9c..411bfeb 100644
--- a/css/pygment_highlights.css
+++ b/css/pygment_highlights.css
@@ -1,5 +1,5 @@
/* .highlight { background: #ffffff; } Dean commented out */
-.highlight pre { background-color: #fff; font-size: 16px }
+/* .highlight pre { background-color: #fff; font-size: 16px } */
.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { font-weight: bold } /* Keyword */