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.
pull/29846/head
Tim Bannister 2021-09-28 18:44:42 +01:00
parent aec8618576
commit 968dbbaaad
1 changed files with 7 additions and 0 deletions

View File

@ -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 { .td-content {
table code { table code {
background-color: inherit !important; background-color: inherit !important;