Skip to content

Commit 407e6eb

Browse files
fix(clerk-js): Add calc to line heights (#7350)
1 parent 93aa5a7 commit 407e6eb

File tree

2 files changed

+9
-4
lines changed

2 files changed

+9
-4
lines changed

.changeset/polite-queens-roll.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@clerk/clerk-js': patch
3+
---
4+
5+
Fix line height calculations.

packages/clerk-js/src/ui/foundations/typography.ts

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,10 @@ const fontWeights = Object.freeze({
99

1010
const lineHeights = Object.freeze({
1111
normal: 'normal',
12-
extraSmall: '16 / 12', // = 1.33333
13-
small: '18 / 13', // = 1.38462
14-
medium: '24 / 17', // = 1.41176
15-
large: '16 / 11', // = 1.45455
12+
extraSmall: 'calc(16 / 12)', // = 1.33333
13+
small: 'calc(18 / 13)', // = 1.38462
14+
medium: 'calc(24 / 17)', // = 1.41176
15+
large: 'calc(16 / 11)', // = 1.45455
1616
} as const);
1717

1818
const letterSpacings = Object.freeze({

0 commit comments

Comments
 (0)