Compare commits

..

2 commits

Author SHA1 Message Date
0e0397e591 [THEME] Fix image size 2021-02-15 13:02:37 +01:00
c1de04160e [A11Y] Hide avatar for screen readers 2021-02-15 12:55:41 +01:00
2 changed files with 11 additions and 4 deletions

View file

@ -1,5 +1,5 @@
<div id="author"> <div id="author">
<div id="avatar"> <div id="avatar" aria-hidden="true">
<img src="images/{{ .Site.Params.avatar }}" alt="avatar"/> <img src="images/{{ .Site.Params.avatar }}" alt="avatar"/>
</div> </div>
<div id="description"> <div id="description">

View file

@ -400,7 +400,7 @@ a:focus {
margin-bottom: 2em; margin-bottom: 2em;
} }
.article-body img { .article-body img {
max-width: calc(100% - 5em); max-width: 100%;
} }
.article-body h1 { .article-body h1 {
font-size: 2.55rem; font-size: 2.55rem;
@ -524,8 +524,7 @@ a:focus {
.article-body figure.inline { .article-body figure.inline {
margin: 0; margin: 0;
} }
.article-body figure.border img, .article-body figure.border img {
.article-body figure.border figcaption {
min-width: calc(100% - 2 * var(--image-margin-side)) !important; min-width: calc(100% - 2 * var(--image-margin-side)) !important;
} }
} }
@ -540,6 +539,14 @@ a:focus {
.article-body figure.inline { .article-body figure.inline {
display: inline-block; display: inline-block;
} }
.article-body figure.half {
width: 100%;
max-width: 50%;
}
.article-body figure.third {
width: 100%;
max-width: 33.33%;
}
.article-body figure.logo img { .article-body figure.logo img {
width: 100%; width: 100%;
max-width: 100px; max-width: 100px;