From 1fda68141f313c3f4ce934941aa662ad91347e8d Mon Sep 17 00:00:00 2001
From: Jonas Smedegaard <dr@jones.dk>
Date: Thu, 1 May 2014 22:38:40 +0200
Subject: Image styling.

---
 local.scss | 56 +++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 55 insertions(+), 1 deletion(-)

(limited to 'local.scss')

diff --git a/local.scss b/local.scss
index 00ea174..df61c70 100644
--- a/local.scss
+++ b/local.scss
@@ -102,9 +102,63 @@ a {
 	padding: 0;
 }
 
+// full width, alone (obviously)
 #content img {
+	margin: 0 0 1em;
+	width: 100%;
+	height: auto;
+}
+
+// half width, left side
+#content img.left {
 	float: left;
-	margin: 0 25px 25px 0px;
+	margin: 0 0 1em 0;
+	width: 49%;
+	height: auto;
+}
+
+// half width, right side
+#content img.right {
+	float: right;
+	margin: 0 0 1em 0;
+	width: 49%;
+	height: auto;
+}
+
+// half width, alone
+#content img.tall {
+	margin: 0 50% 1em 0;
+	width: 50%;
+	height: auto;
+}
+
+// less than half width, alone
+#content img.verytall {
+	margin: 0 60% 1em 0;
+	width: 40%;
+	height: auto;
+}
+
+// less than half width, two aside (but not text)
+#content img.tiny {
+	margin: 0 1em 1em 0;
+	width: 40%;
+	height: auto;
+}
+
+// varying width, text aside
+#content img.aside {
+	float: left;
+	margin: 0 1em 1em 0;
+	width: inherit;
+	height: inherit;
+}
+
+// varying width, alone
+#content img.logo {
+	margin: 0 1em 1em 0;
+	width: inherit;
+	height: inherit;
 }
 
 .inlinepage {
-- 
cgit v1.2.3