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

Only fix logo and metadata if viewport height is sufficient

Browse Source
This commit is contained in:
Dan Head
2019-01-09 07:46:21 +00:00
parent 908242d8f4
commit 8e2594355e
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
css/logo.css
View File

@@ -2,7 +2,7 @@
width: 100%; width: 100%;
} }
@media (--viewport-lg) { @media (--viewport-lg) and (min-height: 540px) {
.is-fixed .logo { .is-fixed .logo {
position: fixed; position: fixed;
width: 168px; width: 168px;
@@ -10,7 +10,7 @@
} }
} }
@media (--viewport-xl) { @media (--viewport-xl) and (min-height: 540px) {
.is-fixed .logo { .is-fixed .logo {
width: 224px; width: 224px;
} }

10
css/metadata.css
View File

@@ -25,15 +25,17 @@
border-bottom: none; border-bottom: none;
} }
.is-fixed .metadata {
position: fixed;
}
.metadata__item { .metadata__item {
margin-right: 0; margin-right: 0;
} }
} }
@media (--viewport-lg) and (min-height: 540px) {
.is-fixed .metadata {
position: fixed;
}
}
.metadata__item--light { .metadata__item--light {
color: var(--color-grey); color: var(--color-grey);
display: none; display: none;