| ... | ... |
@@ -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 |
- |