From 968dbbaaadb0ee778eb4a07b9f4a021158bd9cee Mon Sep 17 00:00:00 2001
From: Tim Bannister <tim@scalefactory.com>
Date: Tue, 28 Sep 2021 18:44:42 +0100
Subject: [PATCH] Restrict width of blog figures for wide viewports

Docsy uses Bootstrap to restrict the width of text paragraphs when the
viewport is very wide. Also apply that to <figure> elements within blog
articles.
---
 assets/scss/_custom.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
index e7f0902346..7d6aa6784f 100644
--- a/assets/scss/_custom.scss
+++ b/assets/scss/_custom.scss
@@ -635,6 +635,13 @@ body.td-documentation {
   }
 }
 
+// Match Docsy-imposed max width on text body
+@media (min-width: 1200px) {
+  body.td-blog main .td-content > figure {
+    max-width: 80%;
+  }
+}
+
 .td-content {
   table code {
     background-color: inherit !important;