aboutsummaryrefslogtreecommitdiff
path: root/.themes/classic
diff options
context:
space:
mode:
authorBrandon Mathis <brandon@imathis.com>2011-07-17 20:28:02 -0400
committerBrandon Mathis <brandon@imathis.com>2011-07-17 20:28:02 -0400
commit4dfc5c1d67ab50752a38a69949f546475d1b3e7e (patch)
tree0dc3cb3330bb324b3cb4cb117298f81d3467e501 /.themes/classic
parent790521a44b12c6a287d0d52c80aafe6c93fc341f (diff)
downloadmy_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.rb2
-rw-r--r--.themes/classic/sass/custom/_styles.scss5
-rw-r--r--.themes/classic/sass/partials/_syntax.scss5
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;
}
-
-