Better styling of postamble
Less height calculation, more automation.
This commit is contained in:
parent
57dc7216cc
commit
f329e2b8fb
@ -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;
|
||||
}
|
||||
|
Reference in New Issue
Block a user