Better styling of postamble

Less height calculation, more automation.
This commit is contained in:
Lucien Cartier-Tilet 2020-05-04 20:46:59 +02:00
parent 57dc7216cc
commit f329e2b8fb
Signed by: phundrak
GPG Key ID: BD7789E705CB8DCA
1 changed files with 4 additions and 3 deletions

View File

@ -414,22 +414,23 @@ header {
#postamble {
display: grid;
grid-template-areas: 'author email date';
height: $postamble-height;
@media #{$switch-small-screen} {
grid-template-areas: 'author date' 'email email';
height: $postamble-height + 20px;
}
@media #{$switch-smaller-screen} {
grid-template-areas: 'author' 'date' 'email';
height: $postamble-height + 40px;
}
font-size: 0.8em;
align-content: space-evenly;
text-align: center;
p {
margin: 10px 0;
}
.author {
grid-area: author;
}