forked from achmizs/deus-gaming
Minor layout refactoring
This commit is contained in:
parent
e653e54c66
commit
8a129fd1f0
@ -87,6 +87,7 @@
|
|||||||
/* Layout. */
|
/* Layout. */
|
||||||
--deus-body-padding: 6rem 1rem;
|
--deus-body-padding: 6rem 1rem;
|
||||||
--deus-post-padding: 1.25rem;
|
--deus-post-padding: 1.25rem;
|
||||||
|
--deus-mobile-post-heading-inset: 1.75rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media only screen and (max-width: 520px) {
|
@media only screen and (max-width: 520px) {
|
||||||
@ -362,7 +363,7 @@ article + article {
|
|||||||
}
|
}
|
||||||
@media only screen and (max-width: 960px) {
|
@media only screen and (max-width: 960px) {
|
||||||
article + article {
|
article + article {
|
||||||
margin-top: calc(1.75rem + var(--deus-post-spacing));
|
margin-top: calc(var(--deus-mobile-post-heading-inset) + var(--deus-post-spacing));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -435,14 +436,14 @@ article h1::after {
|
|||||||
article h1 {
|
article h1 {
|
||||||
float: none;
|
float: none;
|
||||||
margin:
|
margin:
|
||||||
calc(-1 * (var(--deus-post-padding) + 1.75rem))
|
calc(-1 * (var(--deus-post-padding) + var(--deus-mobile-post-heading-inset)))
|
||||||
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.75rem - 1px);
|
top: calc(var(--deus-mobile-post-heading-inset) - 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