fix distorted images at certain sizes
This commit is contained in:
parent
4859e9b295
commit
a4e6438a5e
|
@ -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 {
|
||||||
|
|
Reference in New Issue