wonderfulfrog/wonderfulfrog.com
1
0
Fork 0
Code Issues Pull requests Activity Actions

feat: move font config to global data cascade

Browse source
This commit is contained in:
Devin Haska 2024-02-01 15:03:33 -08:00
parent ad435a16db
commit f9926b3bac
14 changed files with 223 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/assets/css/global/global-styles.css
View file

@ -12,11 +12,11 @@ body {
accent-color: var(--color-primary);
background-color: var(--color-bg);
color: var(--color-text);
font-family: var(--font-body), var(--font-fallback);
font-size: var(--font-size-body);
font-weight: var(--font-weight-body);
letter-spacing: var(--font-tracking-body);
line-height: var(--font-line-height-body);
font-family: var(--font-family-body);
font-size: 1.125rem;
font-weight: var(--font-weight-body-regular);
letter-spacing: -0.03rem;
line-height: 1.5rem;
}
h1,
@ -25,25 +25,28 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-display);
font-family: var(--font-family-display);
}
h1 {
font-size: var(--font-size-heading-1);
font-weight: var(--font-weight-heading-1);
letter-spacing: var(--font-tracking-heading-1);
font-size: 3rem;
font-weight: var(--font-weight-display-extrabold);
letter-spacing: -0.05rem;
line-height: 3rem;
}
h2 {
font-size: var(--font-size-heading-2);
font-weight: var(--font-weight-heading-2);
letter-spacing: var(--font-tracking-heading-2);
font-size: 2rem;
font-weight: var(--font-weight-display-bold);
letter-spacing: -0.05rem;
line-height: 2rem;
}
h3 {
font-size: var(--font-size-heading-3);
font-weight: var(--font-weight-heading-3);
letter-spacing: var(--font-tracking-heading-3);
font-size: 1.125rem;
font-weight: var(--font-weight-display-bold);
letter-spacing: -0.05rem;
line-height: 1.125rem;
text-transform: uppercase;
}