phundrak/langue-phundrak-com
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Better styling of postamble

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/style/style.scss
View File

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