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