More mobile layout improvements

This commit is contained in:
Said Achmiz 2020-02-11 19:51:28 -05:00
parent 5b242d102a
commit e653e54c66

View File

@ -360,6 +360,11 @@ article {
article + article {
margin-top: var(--deus-post-spacing);
}
@media only screen and (max-width: 960px) {
article + article {
margin-top: calc(1.75rem + var(--deus-post-spacing));
}
}
/*=--------------=*/
/*= Post titles. =*/
@ -430,14 +435,14 @@ article h1::after {
article h1 {
float: none;
margin:
calc(-1 * (var(--deus-post-padding) + 1.125em))
calc(-1 * (var(--deus-post-padding) + 1.75rem))
calc(var(--deus-post-heading-spacing) + 4px)
2rem
calc(var(--deus-post-heading-spacing) + 4px);
text-align: center;
}
article h1::after {
top: calc(1.25em - 4px);
top: calc(1.75rem - 1px);
right: calc(-1 * (var(--deus-post-heading-spacing) + 2px));
box-shadow:
0 1px 0 0 var(--deus-body-background-color),