convert style.scss to actual scss from css (it was easy, already structured like scss)

1 files 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 */