eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Improve the home page slightly

Browse source
This commit is contained in:
Eryn Wells 2022-11-18 08:28:58 -08:00
parent 2c1f64cbca
commit cc4b1df2bf
4 changed files with 10 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
assets/styles/home.css
View file

@ -21,8 +21,10 @@ h1 {
h1 { font-size: 4.25rem; }
}
html {
font-size: clamp(var(--font-size-min), 2.5vw, var(--font-size-max));
@media (max-width: 599px) {
html {
--font-size-scale-factor: 1.33vmax;
}
}
main {
@ -65,6 +67,7 @@ main h1 {
nav {
align-items: baseline;
align-self: center;
display: flex;
list-style: none;
text-transform: lowercase;

4
assets/styles/root.css
View file

@ -314,10 +314,12 @@ header.site > .grid > nav:last-of-type {
}
html {
--font-size-scale-factor: 1vmax;
background-color: var(--html-background-color);
color: var(--html-color);
font-family: var(--font-family-body);
font-size: clamp(var(--font-size-min), 1vw, var(--font-size-max));
font-size: clamp(var(--font-size-min), var(--font-size-scale-factor), var(--font-size-max));
}
img {