Line Height
줄 높이 토큰. lineHeight-100(16px)부터 lineHeight-800(52px)까지 제공.
--global-typography-lineHeight-{code}
Usage
import { global } from '@featuring-corp/design-tokens';
// TypeScript에서 사용
console.log(global.typography.lineHeight[300]); // "1.375rem"
console.log(global.typography.lineHeight[400]); // "1.5rem"/* CSS에서 사용 */
.text-base {
font-size: var(--global-typography-fontSize-400);
line-height: var(--global-typography-lineHeight-400);
}Tokens
| Code | Value | Preview |
|---|---|---|
100 | 1rem | |
200 | 1.125rem | |
300 | 1.375rem | |
400 | 1.5rem | |
450 | 1.625rem | |
500 | 1.75rem | |
600 | 2.125rem | |
700 | 2.5rem | |
800 | 3.25rem |
전체 토큰 목록
--global-typography-lineHeight-100: 1rem
--global-typography-lineHeight-200: 1.125rem
--global-typography-lineHeight-300: 1.375rem
--global-typography-lineHeight-400: 1.5rem
--global-typography-lineHeight-450: 1.625rem
--global-typography-lineHeight-500: 1.75rem
--global-typography-lineHeight-600: 2.125rem
--global-typography-lineHeight-700: 2.5rem
--global-typography-lineHeight-800: 3.25rem