raghnarok/hugo-snotra
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

[THEME] Make more block size relatives

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

27
static/css/style.css
View file

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