[THEME] Make more block size relatives

This commit is contained in:
Gregory Trolliet 2021-03-13 13:45:04 +01:00
parent d9949cb954
commit e545015e6d
1 changed files with 8 additions and 19 deletions

View File

@ -239,23 +239,20 @@ a:focus {
padding: 0;
}
#avatar img {
max-width: 120px;
width: 20vw;
min-width: 120px;
max-width: 200px;
border-radius: 40%;
background-color: var(--avatar-background);
}
@media only screen and (min-width: 768px) {
#avatar img {
max-width: 200px;
}
}
#social .social-element {
display: inline-block;
vertical-align: middle;
height: 32px;
height: 2em;
margin-top: 1em;
}
#social .social-element a {
height: 24px;
height: 1.5em;
display: inline-block;
margin-left: 1em;
margin-right: 1em;
@ -269,7 +266,7 @@ a:focus {
}
@media only screen and (min-width: 768px) {
#social .social-element a {
height: 32px;
height: 2em;
}
}
@ -462,14 +459,6 @@ a:focus {
font-size: 0.8rem;
margin: 2rem 0;
}
.article-footer .spacer {
display: inline-block;
width: 1em;
height: 1px;
margin: 0 .5em;
background-color: var(--font-color);
vertical-align: middle;
}
.article-footer .footer-return {
margin-bottom: 1em;
width: 100%;
@ -555,9 +544,9 @@ a:focus {
max-width: 30%;
}
.article-body figure.logo img {
width: 100px;
width: 10vw;
max-width: 100px;
min-width: auto;
min-width: 40px;
vertical-align: bottom;
padding: 0;
}