diff options
author | Brandon Mathis <brandon@imathis.com> | 2011-07-17 20:28:02 -0400 |
---|---|---|
committer | Brandon Mathis <brandon@imathis.com> | 2011-07-17 20:28:02 -0400 |
commit | 4dfc5c1d67ab50752a38a69949f546475d1b3e7e (patch) | |
tree | 0dc3cb3330bb324b3cb4cb117298f81d3467e501 /.themes/classic | |
parent | 790521a44b12c6a287d0d52c80aafe6c93fc341f (diff) | |
download | my_new_personal_website-4dfc5c1d67ab50752a38a69949f546475d1b3e7e.tar.xz my_new_personal_website-4dfc5c1d67ab50752a38a69949f546475d1b3e7e.zip |
scoped titlebar styling to figcaptions under figures with role="code", added an example for overriding a style in sass/custom/styles.scss
Diffstat (limited to '')
-rw-r--r-- | .themes/classic/plugins/include_code.rb | 2 | ||||
-rw-r--r-- | .themes/classic/sass/custom/_styles.scss | 5 | ||||
-rw-r--r-- | .themes/classic/sass/partials/_syntax.scss | 5 |
3 files changed, 8 insertions, 4 deletions
diff --git a/.themes/classic/plugins/include_code.rb b/.themes/classic/plugins/include_code.rb index 5569b4a3..905cee52 100644 --- a/.themes/classic/plugins/include_code.rb +++ b/.themes/classic/plugins/include_code.rb @@ -25,7 +25,7 @@ module Jekyll code = file.read file_type = file.extname url = "#{context.registers[:site].config['url']}/#{code_dir}/#{@file}" - source = "<figure><figcaption><span>#{file.basename}</span> <a href='#{url}'>download</a></figcaption>\n" + source = "<figure role=code><figcaption><span>#{file.basename}</span> <a href='#{url}'>download</a></figcaption>\n" source += "{% highlight #{file_type} %}\n" + code + "\n{% endhighlight %}</figure>" partial = Liquid::Template.parse(source) context.stack do diff --git a/.themes/classic/sass/custom/_styles.scss b/.themes/classic/sass/custom/_styles.scss index 91ffcccf..e0e19753 100644 --- a/.themes/classic/sass/custom/_styles.scss +++ b/.themes/classic/sass/custom/_styles.scss @@ -1,2 +1,7 @@ // This File is imported last, and will override other styles in the cascade // Add styles here to make changes without digging in too much + +// For example if you want indented lists on all screen sizes uncomment the following lines +// #content article { +// ul, ol { margin-left: 1.4em; } +// } diff --git a/.themes/classic/sass/partials/_syntax.scss b/.themes/classic/sass/partials/_syntax.scss index a68ae1bb..a116cedf 100644 --- a/.themes/classic/sass/partials/_syntax.scss +++ b/.themes/classic/sass/partials/_syntax.scss @@ -84,6 +84,7 @@ p code { .pre-code { @include selection(adjust-color($base03, $lightness: 23%, $saturation: -65%), $text-shadow: $base03 0 1px); + font-family: $mono !important; overflow: scroll; overflow-y: hidden; display: block; @@ -173,7 +174,7 @@ pre, .highlight, .gist-highlight { } .highlight code { @extend .pre-code; background: #000;} -figure { +figure[role=code] { margin-bottom: 1.5em; figcaption { position: relative; @@ -209,5 +210,3 @@ figure { text-shadow: #cbcccc 0 1px 0; padding-left: 3em; } - - |