Use viewport unit to scale base font size
Use rems for font sizes and margin/padding
This commit is contained in:
@@ -1,17 +1,10 @@
|
||||
.title {
|
||||
font-family: var(--heading-font-family);
|
||||
font-size: 1.8rem;
|
||||
color: var(--color-dark-blue);
|
||||
font-size: var(--size-heading-1);
|
||||
margin-bottom: var(--space-sm);
|
||||
}
|
||||
|
||||
@media (--viewport-md) {
|
||||
.title {
|
||||
font-size: 2.4rem;
|
||||
margin-bottom: var(--space-md);
|
||||
}
|
||||
}
|
||||
|
||||
.title a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user