From 8a129fd1f0a953e59b2a170803582fbf7ef475cd Mon Sep 17 00:00:00 2001 From: Said Achmiz Date: Tue, 11 Feb 2020 20:15:34 -0500 Subject: [PATCH] Minor layout refactoring --- assets/css/main.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index b3629b4..a7fecbb 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -87,6 +87,7 @@ /* Layout. */ --deus-body-padding: 6rem 1rem; --deus-post-padding: 1.25rem; + --deus-mobile-post-heading-inset: 1.75rem; } } @media only screen and (max-width: 520px) { @@ -362,7 +363,7 @@ article + article { } @media only screen and (max-width: 960px) { 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 { float: none; 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) 2rem calc(var(--deus-post-heading-spacing) + 4px); text-align: center; } 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)); box-shadow: 0 1px 0 0 var(--deus-body-background-color),