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

Use rems for grid sizes and logo size

Browse Source
This commit is contained in:
Dan Head
2019-01-14 21:35:27 +00:00
parent 385c2193e6
commit 41fa16b7cb
4 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
css/logo.css
View File

@@ -2,24 +2,24 @@
width: 100%;
}
@media (--viewport-lg) and (min-height: 540px) {
@media (--viewport-lg) and (min-height: 34rem) {
.is-fixed .logo {
position: fixed;
width: 168px;
width: var(--logo-size-lg);
z-index: 10;
}
}
@media (--viewport-xl) and (min-height: 540px) {
@media (--viewport-xl) and (min-height: 34rem) {
.is-fixed .logo {
width: 224px;
width: var(--logo-size-xl);
}
}
.logo__link {
display: block;
margin: 0 auto;
max-width: 320px;
max-width: 16rem;
position: relative;
border-radius: 50%;
transition: box-shadow var(--transition-fs) ease-out;