Skip to content

Commit

Permalink
fix: update types
Browse files Browse the repository at this point in the history
  • Loading branch information
@limsohee1002
limsohee1002 committed Nov 12, 2024
1 parent 0387f84 commit e10982f
Showing 1 changed file with 123 additions and 56 deletions.
179 changes: 123 additions & 56 deletions src/css/types.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,71 +4,134 @@
.serif-heading-0 {
@apply font-riegraf;
font-size: 4rem;
font-style: normal;
font-weight: 300;
line-height: 4rem;
line-height: 3.84rem;
letter-spacing: -0.08rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.serif-heading-0-mobile {
@apply font-riegraf;
font-size: 3rem;
font-style: normal;
font-weight: 300;
line-height: 2.88rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.heading-0 {
@apply font-basel-grotesk;
font-size: 4rem;
font-weight: 485;
line-height: 4rem;
font-weight: 500;
line-height: 3.84rem;
letter-spacing: -0.08rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.heading-1 {
.heading-0-mobile {
@apply font-basel-grotesk;
font-size: 3rem;
font-weight: 500;
line-height: 2.88rem;
letter-spacing: -0.06rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.serif-heading-1 {
@apply font-basel-grotesk;
font-size: 3.25rem;
font-weight: 485;
line-height: 3.75rem;
font-style: normal;
font-weight: 300;
line-height: 3.12rem;
letter-spacing: -0.065rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.serif-heading-2 {
@apply font-riegraf;
font-size: 2.25rem;
.serif-heading-1-mobile {
@apply font-basel-grotesk;
font-size: 2.4375rem;
font-style: normal;
font-weight: 300;
line-height: 2.75rem;
line-height: 2.34rem;
letter-spacing: -0.04875rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.heading-1 {
@apply font-basel-grotesk;
font-size: 3.25rem;
font-weight: 500;
line-height: 3.12rem;
letter-spacing: -0.065rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.heading-1-mobile {
@apply font-basel-grotesk;
font-size: 2.4375rem;
font-style: normal;
font-weight: 500;
line-height: 2.34rem;
letter-spacing: -0.04875rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.heading-2 {
@apply font-basel-grotesk;
font-size: 2.25rem;
font-weight: 485;
line-height: 2.75rem;
font-weight: 500;
line-height: 2.52rem;
letter-spacing: -0.0225rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.heading-2-mobile {
@apply font-basel-grotesk;
font-size: 1.6875rem;
font-style: normal;
font-weight: 500;
line-height: 2.025rem;
letter-spacing: -0.01688rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.heading-3 {
@apply font-basel-grotesk;
font-size: 1.5rem;
font-weight: 485;
line-height: 2rem;
font-style: normal;
font-weight: 500;
line-height: 1.8rem;
letter-spacing: -0.0075rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.heading-4 {
@apply font-basel-grotesk;
font-size: 1.25rem;
font-weight: 485;
line-height: 1.625rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
letter-spacing: -0.00625rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.serif-subheading-1 {
@apply font-riegraf;
font-size: 1.125rem;
font-style: italic;
font-weight: 400;
line-height: 1.25rem;
-webkit-font-smoothing: antialiased;
Expand All @@ -78,99 +141,100 @@
.subheading-1 {
@apply font-basel-grotesk;
font-size: 1.125rem;
font-weight: 485;
line-height: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 133.333%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.subheading-2 {
@apply font-basel-grotesk;
font-size: 1rem;
font-weight: 485;
line-height: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 150%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.serif-subheading-3 {
@apply font-riegraf;
font-size: 0.8125rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.body-1 {
@apply font-basel-grotesk;
font-size: 1.125rem;
font-weight: 485;
line-height: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 1.4625rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.body-2 {
@apply font-basel-grotesk;
font-size: 1rem;
font-weight: 485;
line-height: 1/5rem;
font-style: normal;
font-weight: 500;
line-height: 1.4rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.body-3 {
@apply font-basel-grotesk;
font-size: 0.875rem;
font-weight: 485;
line-height: 1/25rem;
font-style: normal;
font-weight: 500;
line-height: 1.09375rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.body-4 {
@apply font-basel-grotesk;
font-size: 0.75rem;
font-weight: 485;
line-height: 1rem;
font-style: normal;
font-weight: 500;
line-height: 133.333%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.serif-caption-1 {
.serif-body-5 {
@apply font-riegraf;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
line-height: 1.05rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.caption-1 {
.mono-body-5 {
@apply font-fragment-mono;
font-family: 'Fragment Mono';
font-size: 0.8125rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.pullquote-1 {
@apply font-riegraf;
font-size: 2.5rem;
font-style: italic;
font-weight: 400;
line-height: 3rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.pullquote-2 {
@apply font-riegraf;
font-size: 1.5rem;
font-style: italic;
font-weight: 400;
line-height: 1.8rem;
line-height: 1.05625rem;
letter-spacing: -0.00813rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.button-label-1 {
@apply font-basel-grotesk;
font-size: 1.125rem;
font-weight: 600;
font-style: normal;
font-weight: 535;
line-height: 1.5rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
Expand All @@ -179,7 +243,8 @@
.button-label-2 {
@apply font-basel-grotesk;
font-size: 1rem;
font-weight: 600;
font-style: normal;
font-weight: 535;
line-height: 1.5rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
Expand All @@ -188,7 +253,8 @@
.button-label-3 {
@apply font-basel-grotesk;
font-size: 0.875rem;
font-weight: 600;
font-style: normal;
font-weight: 535;
line-height: 1.25rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
Expand All @@ -197,7 +263,8 @@
.button-label-4 {
@apply font-basel-grotesk;
font-size: 0.75rem;
font-weight: 600;
font-style: normal;
font-weight: 535;
line-height: 1rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
Expand Down

0 comments on commit e10982f

Please sign in to comment.