From 65916e989979b60f5ae0bf7baba3d92311ca62ba Mon Sep 17 00:00:00 2001 From: Your Name Date: Sun, 26 Jul 2020 18:27:35 +0200 Subject: Make figure shortcode resize large images somwhat smart. Images higher than 500px will be resized to not be any higher. Also we check for images that will be less than 400px wide after resizing, and float them to the left on wide displays. --- sass/styles.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'sass') diff --git a/sass/styles.scss b/sass/styles.scss index ef2ea26..b662254 100644 --- a/sass/styles.scss +++ b/sass/styles.scss @@ -58,6 +58,14 @@ pre { padding-bottom: 0.5em; } +.prefer-left { + @media(min-width: 960px) { + float: left; + width: 400px; + margin: 0.5rem; + } +} + .license { display: flex; border-top: 1px solid #aaa; @@ -79,8 +87,14 @@ pre { } } +.post { + clear: both; + margin-top: 2em; +} + .post-title { margin-bottom: 0; + font-size: 150%; } .post-meta { -- cgit v1.2.3