Constrain image item

layouts/_default/list.html

@@ -6,6 +6,9 @@
 		</header>
     {{ if .Content }}
   		<div class="box">
+        {{ if .Params.image }}
+    			<span class="image featured"><img src="{{ .Params.image }}" alt="{{ .Title }} image" /></span>
+        {{ end }}
         {{ .Content }}
   		</div>
     {{ end }}

static/src/scss/style.scss

@@ -8,14 +8,8 @@ $fa-font-path: "../fonts";
 @import "alpha";
 
 
-.box {
+.box .box {
-  &:not(.image) {
+  border-radius: 0;
-    padding: 2em;
-  }
-
-  .box {
-    border-radius: 0;
-  }
 }
 
 .dropotron {
@@ -37,3 +31,7 @@ pre code {
   background: none;
   padding: 0;
 }
+
+.image.featured {
+  max-height: 45vh;
+}