Said Achmiz
5 years ago
1 changed files with 4 additions and 3 deletions
+ 4
- 3
assets/css/main.css
View File
| /* 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) { | ||||
| } | } | ||||
| @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)); | |||||
| } | } | ||||
| } | } | ||||
| 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…