From 32cdb026810b3b67cddf91f1a9db218ea075f2cc Mon Sep 17 00:00:00 2001 From: Luke Shumaker Date: Thu, 29 Sep 2011 18:41:41 -0400 Subject: convert style.scss to actual scss from css (it was easy, already structured like scss) --- style.scss | 103 +++++++++++++++++++++++++++++++++++++------------------------ 1 file changed, 62 insertions(+), 41 deletions(-) diff --git a/style.scss b/style.scss index 3c974fb..75446e9 100644 --- a/style.scss +++ b/style.scss @@ -21,42 +21,56 @@ Template: twentyeleven /* Document-structure-y things */ .entry-header { - font-size: .8em; } - .entry-header figure { - margin: 0; } - .entry-header figure img { + font-size: .8em; + figure { + margin: 0; + img { width: 100%; - height: auto; } - .entry-header figure figcapteion {} - .entry-header figure figcaption strong { - text-transform: uppercase; } - .entry-header figure figcaption cite { + height: auto; + } + figcaption { + strong { + text-transform: uppercase; + } + cite { float: right; width: 100%; text-align: right; - text-transform: lowercase; } - .entry-header figure figcaption .alignleft, - .entry-header figure figcaption .alignright { + text-transform: lowercase; + } + .alignleft, + .alignright { /* These are obsolete, but I keep them around * because some old captions have them hardcoded * in, and I don't want to change them. */ width: 45%; - margin-bottom: 1.5em; } - .entry-header .entry-meta {} + margin-bottom: 1.5em; + } + } + } + .entry-meta { .authors { display: block; - float: left; } - .authors > * { + float: left; + & > * { float: left; - margin-right: 0.5em; } - .vcard {} - .vcard * { - display: block; } - .vcard .role { - text-transform: uppercase; } + margin-right: 0.5em; + } + .vcard { + * { + display: block; + } + .role { + text-transform: uppercase; + } + } + } span.entry-date { display: block; - float: right; } + float: right; + } + } +} .entry-content, .entry-summary { @@ -65,31 +79,38 @@ Template: twentyeleven /* Generic things */ -blockquote {} - blockquote:before, - blockquote:after { +blockquote { + &:before, + &:after { color: #740000; display: block; line-height: 1em; - font-size: 4em; } - blockquote:before { - content: "“"; - height: 0; - margin-left: -1em; } - blockquote:after { - content: "”"; - margin-left: 100%; - margin-top: -1.25em; - margin-bottom: 1.25em; } - blockquote p { - margin-bottom: 0.5em; } - blockquote footer { + font-size: 4em; + } + &:before { + content: "“"; + height: 0; + margin-left: -1em; + } + &:after { + content: "”"; + margin-left: 100%; + margin-top: -1.25em; + margin-bottom: 1.25em; + } + p { + margin-bottom: 0.5em; + } + footer { text-align: right; - margin-bottom: 2em; } + margin-bottom: 2em; + } +} dd { margin-bottom: auto; - margin-left: 4em; } + margin-left: 4em; +} /* Specific things */ -- cgit v1.1-4-g5e80