Change base font size to 1.125
This commit is contained in:
13
css/base.css
13
css/base.css
@@ -1,18 +1,7 @@
|
|||||||
html {
|
html {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
}
|
font-size: 1.125rem;
|
||||||
|
|
||||||
@media screen and (min-width: 50rem) {
|
|
||||||
html {
|
|
||||||
font-size: 2vw;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 62.5rem) {
|
|
||||||
html {
|
|
||||||
font-size: 1.25rem;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
|||||||
@@ -71,7 +71,7 @@
|
|||||||
@media (--viewport-lg) {
|
@media (--viewport-lg) {
|
||||||
.page {
|
.page {
|
||||||
grid-template-columns: 168px 1fr;
|
grid-template-columns: 168px 1fr;
|
||||||
grid-template-rows: 32px 106px 1fr;
|
grid-template-rows: 32px 100px 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page__logo {
|
.page__logo {
|
||||||
@@ -92,7 +92,7 @@
|
|||||||
@media (--viewport-xl) {
|
@media (--viewport-xl) {
|
||||||
.page {
|
.page {
|
||||||
grid-template-columns: 224px 1fr;
|
grid-template-columns: 224px 1fr;
|
||||||
grid-template-rows: 32px 162px 1fr;
|
grid-template-rows: 32px 156px 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page__columns {
|
.page__columns {
|
||||||
|
|||||||
Reference in New Issue
Block a user