... | ... |
@@ -25,7 +25,7 @@ module Jekyll |
25 | 25 |
code = file.read |
26 | 26 |
file_type = file.extname |
27 | 27 |
url = "#{context.registers[:site].config['url']}/#{code_dir}/#{@file}" |
28 |
- source = "<figure><figcaption><span>#{file.basename}</span> <a href='#{url}'>download</a></figcaption>\n" |
|
28 |
+ source = "<figure role=code><figcaption><span>#{file.basename}</span> <a href='#{url}'>download</a></figcaption>\n" |
|
29 | 29 |
source += "{% highlight #{file_type} %}\n" + code + "\n{% endhighlight %}</figure>" |
30 | 30 |
partial = Liquid::Template.parse(source) |
31 | 31 |
context.stack do |
... | ... |
@@ -1,2 +1,7 @@ |
1 | 1 |
// This File is imported last, and will override other styles in the cascade |
2 | 2 |
// Add styles here to make changes without digging in too much |
3 |
+ |
|
4 |
+// For example if you want indented lists on all screen sizes uncomment the following lines |
|
5 |
+// #content article { |
|
6 |
+// ul, ol { margin-left: 1.4em; } |
|
7 |
+// } |
... | ... |
@@ -84,6 +84,7 @@ p code { |
84 | 84 |
|
85 | 85 |
.pre-code { |
86 | 86 |
@include selection(adjust-color($base03, $lightness: 23%, $saturation: -65%), $text-shadow: $base03 0 1px); |
87 |
+ font-family: $mono !important; |
|
87 | 88 |
overflow: scroll; |
88 | 89 |
overflow-y: hidden; |
89 | 90 |
display: block; |
... | ... |
@@ -173,7 +174,7 @@ pre, .highlight, .gist-highlight { |
173 | 173 |
} |
174 | 174 |
|
175 | 175 |
.highlight code { @extend .pre-code; background: #000;} |
176 |
-figure { |
|
176 |
+figure[role=code] { |
|
177 | 177 |
margin-bottom: 1.5em; |
178 | 178 |
figcaption { |
179 | 179 |
position: relative; |
... | ... |
@@ -209,5 +210,3 @@ figure { |
209 | 209 |
text-shadow: #cbcccc 0 1px 0; |
210 | 210 |
padding-left: 3em; |
211 | 211 |
} |
212 |
- |
|
213 |
- |