dan/windycoys
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix layout issues in Webkit browsers

Browse Source
This commit is contained in:
Dan Head
2018-12-15 17:38:37 +00:00
parent 662507a84a
commit 7632b4058e
7 changed files with 34 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
css/content.css
View File

@@ -1,6 +1,5 @@
.content {
border-bottom: 1px solid var(--color-light-grey);
margin-bottom: var(--space-md);
padding-bottom: var(--space-md);
}

12
css/page.css
View File

@@ -27,7 +27,8 @@
@media (--viewport-lg) {
.page {
grid-template-columns: 224px 1fr;
grid-template-rows: 60px 134px;
grid-template-rows: 60px 134px 1fr;
grid-auto-rows: auto;
grid-gap: var(--space-md);
padding: 0 var(--space-md);
}
@@ -45,16 +46,15 @@
.page__content,
.page__article {
grid-column-start: 2;
}
.page__content,
.page__article.is-first {
grid-row: span 2;
}
.page__metadata {
grid-column-start: 1;
grid-row: span 2;
}
.page__metadata.is-first {
grid-row: span 1;
}
.page__pagination,