clamp the size of images that appear in the blogroll

_sass/thesis.scss

@@ -15,8 +15,14 @@ figure {
     // border-top: solid #222 1px;
     // padding-top: 1em;
 }
+
+//clamp the size of the images on the blog roll
+figure.blogroll > img, figure.blogroll > svg {
+    max-height: 300px;
+}
+
 figure > img, figure > svg {
-    width: 90% !important;
+    max-width: 90% !important;
     margin-bottom: 2em;
 }
 

blog.html

@@ -7,6 +7,6 @@ permalink: /blog/
 <article>
     <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
     <summary>{{ post.excerpt }}</summary>
-    <figure><img src = "{{post.image}}"></figure>
+    <figure class="blogroll"><img src = "{{post.image}}"></figure>
 </article>
 {% endfor %}