Browse code

scoped titlebar styling to figcaptions under figures with role="code", added an example for overriding a style in sass/custom/styles.scss

Brandon Mathis authored on 18/07/2011 at 00:28:02
Showing 3 changed files
... ...
@@ -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
-