Skip to content

Commit 968dbba

Browse files
author
Tim Bannister
committed
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.
1 parent aec8618 commit 968dbba

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

assets/scss/_custom.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -635,6 +635,13 @@ body.td-documentation {
635635
}
636636
}
637637

638+
// Match Docsy-imposed max width on text body
639+
@media (min-width: 1200px) {
640+
body.td-blog main .td-content > figure {
641+
max-width: 80%;
642+
}
643+
}
644+
638645
.td-content {
639646
table code {
640647
background-color: inherit !important;

0 commit comments

Comments
 (0)