tom/personal_site
1
0
Fork 0
mirror of https://github.com/TomHodson/tomhodson.github.com.git synced 2025-06-26 10:01:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

clamp the size of images that appear in the blogroll

Browse Source
This commit is contained in:
Tom Hodson 2022-11-25 15:59:00 +01:00
parent e2cb2a0aa2
commit 6b21844d4a
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
_sass/thesis.scss
View File

@ -15,8 +15,14 @@ figure {
// border-top: solid #222 1px; // border-top: solid #222 1px;
// padding-top: 1em; // 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 { figure > img, figure > svg {
width: 90% !important; max-width: 90% !important;
margin-bottom: 2em; margin-bottom: 2em;
} }

2
blog.html
View File

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