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