Browse Source

More mobile layout improvements

full-screen-logo-homepage
Said Achmiz 5 years ago
parent
commit
e653e54c66
1 changed files with 7 additions and 2 deletions
  1. 7
    2
      assets/css/main.css

+ 7
- 2
assets/css/main.css View File

article + article { article + article {
margin-top: var(--deus-post-spacing); margin-top: var(--deus-post-spacing);
} }
@media only screen and (max-width: 960px) {
article + article {
margin-top: calc(1.75rem + var(--deus-post-spacing));
}
}


/*=--------------=*/ /*=--------------=*/
/*= Post titles. =*/ /*= Post titles. =*/
article h1 { article h1 {
float: none; float: none;
margin: margin:
calc(-1 * (var(--deus-post-padding) + 1.125em))
calc(-1 * (var(--deus-post-padding) + 1.75rem))
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.25em - 4px);
top: calc(1.75rem - 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…
Cancel
Save