rayelliott
/
hugo-blog
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix distorted images at certain sizes

This commit is contained in:
ray 2020-02-14 20:09:21 +00:00
parent 4859e9b295
commit a4e6438a5e
1 changed files with 6 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
static/css/custom.css
View File

@ -12,18 +12,6 @@ body.colorscheme-light .avatar img {
} }
} }
h1,
h2,
h3,
h4,
h5,
h6 {
text-align: center;
}
.content article header {
text-align: center;
}
.content figure.svg > img { .content figure.svg > img {
height: 100%; height: 100%;
} }
@ -35,7 +23,6 @@ h6 {
.content figure.icon-inline { .content figure.icon-inline {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center;
} }
.content figure.icon-inline > figcaption p { .content figure.icon-inline > figcaption p {
@ -46,7 +33,11 @@ h6 {
} }
.content figure.icon-inline > img { .content figure.icon-inline > img {
height: 6em; display: block;
height: auto;
width: auto;
max-width: 6em;
margin: 0 auto;
} }
@media (max-width: 500px) { @media (max-width: 500px) {
@ -77,6 +68,7 @@ h6 {
.content figure.icon-inline > img { .content figure.icon-inline > img {
height: 4em; height: 4em;
margin: 0;
} }
.content figure.icon-inline.icon-right > img { .content figure.icon-inline.icon-right > img {