feat: update global font
This commit is contained in:
parent
466183dcdc
commit
383e3e4c90
21 changed files with 120 additions and 97 deletions
|
@ -19,6 +19,7 @@
|
|||
color: var(--color-white);
|
||||
font-family: var(--font-family-display);
|
||||
font-size: 1.5rem;
|
||||
font-weight: var(--font-weight-black);
|
||||
letter-spacing: -0.05em;
|
||||
position: relative;
|
||||
text-shadow:
|
||||
|
|
|
@ -18,8 +18,8 @@ body {
|
|||
background-color: var(--color-background);
|
||||
color: var(--color-text);
|
||||
font-family: var(--font-family-body);
|
||||
font-size: 1.125rem;
|
||||
font-weight: var(--font-weight-body-regular);
|
||||
font-size: 1.25rem;
|
||||
font-weight: var(--font-weight-normal);
|
||||
letter-spacing: -0.03rem;
|
||||
line-height: 2rem;
|
||||
margin: 0;
|
||||
|
@ -36,35 +36,43 @@ h6 {
|
|||
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
font-weight: var(--font-weight-display-extrabold);
|
||||
font-weight: var(--font-weight-black);
|
||||
letter-spacing: -0.05rem;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
font-weight: var(--font-weight-display-bold);
|
||||
font-weight: var(--font-weight-bold);
|
||||
letter-spacing: -0.05rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.5rem;
|
||||
font-weight: var(--font-weight-display-bold);
|
||||
font-weight: var(--font-weight-bold);
|
||||
letter-spacing: -0.05rem;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.125rem;
|
||||
font-weight: var(--font-weight-display-bold);
|
||||
font-weight: var(--font-weight-bold);
|
||||
letter-spacing: -0.05rem;
|
||||
line-height: 1.125rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
h1 a,
|
||||
h2 a,
|
||||
h3 a,
|
||||
h4 a {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
a {
|
||||
color: currentColor;
|
||||
font-weight: 350;
|
||||
text-decoration-color: var(--color-primary);
|
||||
text-decoration-thickness: 2px;
|
||||
transition:
|
||||
|
@ -125,6 +133,7 @@ hr {
|
|||
|
||||
code {
|
||||
font-family: var(--font-family-monospace);
|
||||
font-weight: 350;
|
||||
}
|
||||
|
||||
:not(pre) > code {
|
||||
|
|
|
@ -8,6 +8,10 @@
|
|||
|
||||
--text-skew: skew(0deg, -1deg);
|
||||
|
||||
--font-weight-normal: 300;
|
||||
--font-weight-bold: 700;
|
||||
--font-weight-black: 900;
|
||||
|
||||
--triangles: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><path stroke-width="0" d="M0,0 40,40 80,0z" /></svg>');
|
||||
|
||||
--transition-bounce: linear(
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
.font-size-s {
|
||||
font-size: 0.8rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.font-size-m {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue