Add styles for figure shortcode

This commit is contained in:
Lukas Joswiak 2020-06-08 00:17:13 -07:00
parent e7a40d5305
commit 17af6e51ae
2 changed files with 41 additions and 2 deletions

View file

@ -192,6 +192,37 @@ main#content img {
margin: 0 auto;
}
main#content figure {
margin: 16px 0;
}
main#content figure img {
display: block;
max-width: 100%;
margin: 0 auto;
}
main#content figure figcaption {
font-size: 0.92em;
font-style: italic;
line-height: 22px;
text-align: center;
margin-top: 6px;
padding: 0 10px;
}
main#content figure figcaption h4 {
font-style: normal;
display: inline;
margin: 0;
}
main#content figure figcaption p {
display: inline;
margin: 0;
padding-left: 8px;
}
main#content code,
main#content pre {
font-family: 'Menlo', monospace;

View file

@ -28,12 +28,20 @@ main#content header#post-header h1 {
main#content img {
max-width: 108%;
margin-left: -4%;
margin-left: -3.8%;
}
main#content figure {
margin-left: -3.8%;
}
main#content figure img {
max-width: 108%;
}
main#content pre {
width: 108%;
margin-left: -4%;
margin-left: -3.8%;
padding: 1.5rem 2.2rem;
}
}