Font Size
폰트 크기 토큰. fontSize-100(11px)부터 fontSize-800(40px)까지 제공.
--global-typography-fontSize-{code}
Usage
import { global } from '@featuring-corp/design-tokens';
// TypeScript에서 사용
console.log(global.typography.fontSize[300]); // "0.875rem"
console.log(global.typography.fontSize[400]); // "1rem"/* CSS에서 사용 */
.text-base {
font-size: var(--global-typography-fontSize-400);
}Tokens
| Code | Value | Preview |
|---|---|---|
100 | 0.6875rem | |
200 | 0.75rem | |
300 | 0.875rem | |
400 | 1rem | |
450 | 1.125rem | |
500 | 1.25rem | |
600 | 1.5rem | |
700 | 2rem | |
800 | 2.5rem |
전체 토큰 목록
--global-typography-fontSize-100: 0.6875rem
--global-typography-fontSize-200: 0.75rem
--global-typography-fontSize-300: 0.875rem
--global-typography-fontSize-400: 1rem
--global-typography-fontSize-450: 1.125rem
--global-typography-fontSize-500: 1.25rem
--global-typography-fontSize-600: 1.5rem
--global-typography-fontSize-700: 2rem
--global-typography-fontSize-800: 2.5rem