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

Switch px units to rems

Browse Source
This commit is contained in:
Dan Head
2019-01-15 22:08:24 +00:00
parent 079aa93a4c
commit 910795471a
10 changed files with 58 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
css/page.css
View File

@@ -3,7 +3,7 @@
grid-auto-flow: dense;
grid-gap: var(--space-sm);
grid-template-columns: 1fr;
max-width: 75rem;
max-width: 60rem;
margin: var(--space-xs) var(--space-xs) 0;
}
@@ -72,7 +72,7 @@
@media (--viewport-lg) {
.page {
grid-template-columns: var(--logo-size-lg) 1fr;
grid-template-rows: 32px calc(var(--logo-size-lg) - var(--space-md) - 32px) 1fr;
grid-template-rows: var(--icon-size-md) calc(var(--logo-size-lg) - var(--space-md) - 32px) 1fr;
}
.page__logo {
@@ -93,7 +93,8 @@
@media (--viewport-xl) {
.page {
grid-template-columns: var(--logo-size-xl) 1fr;
grid-template-rows: 32px calc(var(--logo-size-xl) - var(--space-md) - 32px) 1fr;
grid-template-rows: var(--icon-size-md) calc(var(--logo-size-xl) - var(--space-md) - var(--icon-size-md)) 1fr;
margin: var(--space-md) auto 0;
}
.page__columns {