From 4dfc5c1d67ab50752a38a69949f546475d1b3e7e Mon Sep 17 00:00:00 2001 From: Brandon Mathis Date: Sun, 17 Jul 2011 20:28:02 -0400 Subject: [PATCH] scoped titlebar styling to figcaptions under figures with role="code", added an example for overriding a style in sass/custom/styles.scss --- .themes/classic/plugins/include_code.rb | 2 +- .themes/classic/sass/custom/_styles.scss | 5 +++++ .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 5569b4a..905cee5 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 = "
#{file.basename} download
\n" + source = "
#{file.basename} download
\n" source += "{% highlight #{file_type} %}\n" + code + "\n{% endhighlight %}
" 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 91ffccc..e0e1975 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 a68ae1b..a116ced 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; } - -