More mobile layout improvements
This commit is contained in:
parent
5b242d102a
commit
e653e54c66
@ -360,6 +360,11 @@ article {
|
|||||||
article + article {
|
article + article {
|
||||||
margin-top: var(--deus-post-spacing);
|
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. =*/
|
/*= Post titles. =*/
|
||||||
@ -430,14 +435,14 @@ article h1::after {
|
|||||||
article h1 {
|
article h1 {
|
||||||
float: none;
|
float: none;
|
||||||
margin:
|
margin:
|
||||||
calc(-1 * (var(--deus-post-padding) + 1.125em))
|
calc(-1 * (var(--deus-post-padding) + 1.75rem))
|
||||||
calc(var(--deus-post-heading-spacing) + 4px)
|
calc(var(--deus-post-heading-spacing) + 4px)
|
||||||
2rem
|
2rem
|
||||||
calc(var(--deus-post-heading-spacing) + 4px);
|
calc(var(--deus-post-heading-spacing) + 4px);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
article h1::after {
|
article h1::after {
|
||||||
top: calc(1.25em - 4px);
|
top: calc(1.75rem - 1px);
|
||||||
right: calc(-1 * (var(--deus-post-heading-spacing) + 2px));
|
right: calc(-1 * (var(--deus-post-heading-spacing) + 2px));
|
||||||
box-shadow:
|
box-shadow:
|
||||||
0 1px 0 0 var(--deus-body-background-color),
|
0 1px 0 0 var(--deus-body-background-color),
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user