48 lines
2.2 KiB
CSS
48 lines
2.2 KiB
CSS
/* ══════════════════════════════════════
|
|
Spacing Tokens v1
|
|
══════════════════════════════════════
|
|
여백/간격/들여쓰기 공통 기준.
|
|
══════════════════════════════════════ */
|
|
|
|
:root {
|
|
/* ── 기본 스케일 ── */
|
|
--space-xs: 4px;
|
|
--space-sm: 8px;
|
|
--space-md: 12px;
|
|
--space-lg: 16px;
|
|
--space-xl: 24px;
|
|
|
|
/* ── slide-base 레이아웃 ── */
|
|
--slide-padding-x: 40px; /* 본문 좌우 여백 */
|
|
--slide-title-left: 52px; /* 대목차 시작 */
|
|
--slide-title-top: 22px; /* 대목차 위치 */
|
|
--slide-divider-top: 58px; /* 구분선 위치 (slide_base.html 와 일치 2026-05-07) */
|
|
--slide-body-top: 76px; /* 본문 시작 (사용자 직설: divider-body 16px) */
|
|
--slide-body-height: 585px; /* 본문 높이 (사용자 직설: body-footer 10px) */
|
|
--slide-footer-bottom: 8px; /* footer 하단 여백 (slide_base.html 와 일치) */
|
|
--slide-footer-height: 41px; /* footer 높이 */
|
|
|
|
/* ── zone ── */
|
|
--zone-gap: 8px; /* zone 간 간격 */
|
|
--zone-padding-left: 12px; /* zone 안쪽 좌측 여백 */
|
|
--zone-padding-right: 8px; /* zone 안쪽 우측 여백 */
|
|
--zone-title-mb: 8px; /* zone 제목 아래 여백 */
|
|
|
|
/* ── 블록 공통 ── */
|
|
--card-padding: 16px; /* 카드 내부 여백 */
|
|
--card-padding-sm: 8px; /* 작은 카드 내부 여백 */
|
|
--card-gap: 12px; /* 카드 간 간격 */
|
|
--card-radius: 6px; /* 카드 모서리 */
|
|
|
|
/* ── 블릿/텍스트 ── */
|
|
--bullet-indent: 14px; /* 불릿 hanging indent */
|
|
--bullet-gap: 2px; /* 불릿 항목 간 간격 */
|
|
--heading-gap: 4px; /* 소제목 아래 간격 */
|
|
--section-gap: 10px; /* 섹션 간 간격 */
|
|
|
|
/* ── flex/grid 기본 ── */
|
|
--flex-gap: 12px; /* 기본 flex gap */
|
|
--flex-gap-sm: 6px; /* 좁은 flex gap */
|
|
--grid-gap: 16px; /* 기본 grid gap */
|
|
}
|