File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
// ⚠️ 이 파일은 Figma Design Tokens export에서 **자동 생성**되었습니다.
// 원본: mobile.tokens.json / pc.tokens.json
// 손으로 고치지 말고 원본 JSON을 다시 export한 뒤 변환기를 재실행하세요.
// 뷰포트에 따라 달라지는 크기 토큰. 키는 두 모드가 완전히 동일하다.
// 모바일 우선 — `$responsive`가 기본값이고 `$responsive-pc`가 브레이크포인트 이상에서 덮는다.
$breakpoint-pc: 768px;
$responsive: (
font-size-display-lg: 4.4rem,
font-size-display-md: 3.2rem,
font-size-display-sm: 2.8rem,
font-size-heading-xlg: 2.8rem,
font-size-heading-lg: 2.4rem,
font-size-heading-md: 2rem,
font-size-heading-sm: 1.7rem,
font-size-heading-xsm: 1.5rem,
font-size-heading-2xsm: 1.3rem,
font-size-body-lg: 1.5rem,
font-size-body-md: 1.3rem,
font-size-body-sm: 1.2rem,
font-size-body-xsm: 1rem,
font-size-label-lg: 1.5rem,
font-size-label-md: 1.3rem,
font-size-label-sm: 1.2rem,
font-size-label-xsm: 1rem,
form-radius-xsm: 0.4rem,
form-radius-sm: 0.4rem,
form-radius-md: 0.8rem,
form-radius-lg: 1.2rem,
form-padding-lg: 2rem,
form-padding-md: 1.2rem,
form-padding-sm: 0.8rem,
form-padding-xsm: 0.4rem,
form-icon-lg: 2rem,
form-icon-md: 1.6rem,
form-icon-sm: 1.2rem,
form-icon-xsm: 1.2rem,
form-height-xsm: 2rem,
form-height-sm: 2.8rem,
form-height-md: 4rem,
form-height-lg: 4.8rem,
grid-wrap-full: 38rem,
grid-wrap-default: 34.8rem,
grid-wrap-sm: 32rem,
grid-wrap-xsm: 28rem,
grid-margin-full: 0,
grid-margin-default: 1.6rem,
grid-margin-sm: 3rem,
grid-margin-xsm: 5rem,
grid-gutter-sm: 0.8rem,
grid-gutter-md: 1.6rem,
grid-gutter-lg: 2rem,
grid-gutter-xlg: 2rem,
grid-gutter-2xlg: 4rem,
card-radius-xlg: 1.6rem,
card-radius-lg: 1.6rem,
card-radius-md: 1.2rem,
card-radius-sm: 0.8rem,
card-padding-xlg: 2.4rem,
card-padding-lg: 2rem,
card-padding-md: 1.6rem,
card-padding-sm: 1.2rem,
modal-width-full: 38rem,
modal-width-lg: 34.8rem,
modal-width-md: 34.8rem,
modal-width-sm: 34.8rem,
modal-padding-default: 2.4rem,
modal-btn-close: 5.6rem,
spacing-top-2xlg: 8rem,
spacing-top-xlg: 5.6rem,
spacing-top-lg: 3.2rem,
spacing-top-md: 2rem,
spacing-top-sm: 1.2rem,
spacing-top-none: 0,
spacing-bottom-xlg: 4.8rem,
spacing-bottom-lg: 2.8rem,
spacing-bottom-md: 2rem,
spacing-bottom-sm: 1rem,
spacing-bottom-none: 0,
section-spacing-lg: 8rem,
section-spacing-md: 4rem,
section-spacing-sm: 2.4rem,
section-spacing-xsm: 1.6rem
);
$responsive-pc: (
font-size-display-lg: 4rem,
font-size-display-md: 3.2rem,
font-size-display-sm: 2.6rem,
font-size-heading-xlg: 3.2rem,
font-size-heading-lg: 2.6rem,
font-size-heading-md: 2rem,
font-size-heading-sm: 1.7rem,
font-size-heading-xsm: 1.5rem,
font-size-heading-2xsm: 1.3rem,
font-size-body-lg: 1.7rem,
font-size-body-md: 1.5rem,
font-size-body-sm: 1.3rem,
font-size-body-xsm: 1.1rem,
font-size-label-lg: 1.7rem,
font-size-label-md: 1.5rem,
font-size-label-sm: 1.3rem,
font-size-label-xsm: 1.1rem,
form-radius-xsm: 0.4rem,
form-radius-sm: 0.4rem,
form-radius-md: 0.8rem,
form-radius-lg: 1.2rem,
form-padding-lg: 2rem,
form-padding-md: 1.2rem,
form-padding-sm: 0.8rem,
form-padding-xsm: 0.8rem,
form-icon-lg: 2.4rem,
form-icon-md: 2rem,
form-icon-sm: 1.6rem,
form-icon-xsm: 1.2rem,
form-height-xsm: 2.4rem,
form-height-sm: 2.8rem,
form-height-md: 4rem,
form-height-lg: 5.6rem,
grid-wrap-full: 192rem,
grid-wrap-default: 155.2rem,
grid-wrap-sm: 108rem,
grid-wrap-xsm: 80rem,
grid-margin-full: 0,
grid-margin-default: 4.8rem,
grid-margin-sm: 42rem,
grid-margin-xsm: 56rem,
grid-gutter-sm: 0.8rem,
grid-gutter-md: 1.6rem,
grid-gutter-lg: 2.4rem,
grid-gutter-xlg: 4rem,
grid-gutter-2xlg: 6.4rem,
card-radius-xlg: 2.4rem,
card-radius-lg: 2.4rem,
card-radius-md: 1.6rem,
card-radius-sm: 1.2rem,
card-padding-xlg: 4rem,
card-padding-lg: 3.2rem,
card-padding-md: 2.4rem,
card-padding-sm: 1.6rem,
modal-width-full: 192rem,
modal-width-lg: 76rem,
modal-width-md: 56rem,
modal-width-sm: 40rem,
modal-padding-default: 4rem,
modal-btn-close: 6.4rem,
spacing-top-2xlg: 8rem,
spacing-top-xlg: 6.4rem,
spacing-top-lg: 4rem,
spacing-top-md: 2.4rem,
spacing-top-sm: 1.6rem,
spacing-top-none: 0,
spacing-bottom-xlg: 3.6rem,
spacing-bottom-lg: 2.8rem,
spacing-bottom-md: 2rem,
spacing-bottom-sm: 1rem,
spacing-bottom-none: 0,
section-spacing-lg: 12rem,
section-spacing-md: 8rem,
section-spacing-sm: 4rem,
section-spacing-xsm: 2.4rem
);