Minor layout refactoring

This commit is contained in:
Said Achmiz 2020-02-11 20:15:34 -05:00
parent e653e54c66
commit 8a129fd1f0

View File

@ -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),