gap
gap 속성에 대한 유틸리티입니다.
행(rows)과 열(columns) 사이의 간격의 크기를 설정합니다.
| 클래스 | 약어 클래스 | 속성 |
|---|---|---|
gap:0 | gap: var(--space-0) !important; /* 0rem (0px) */ | |
gap:1 | gap: var(--space-1) !important; /* 0.25rem (4px) */ | |
gap:2 | gap: var(--space-2) !important; /* 0.5rem (8px) */ | |
gap:3 | gap: var(--space-3) !important; /* 0.75rem (12px) */ | |
gap:4 | gap: var(--space-4) !important; /* 1rem (16px) */ | |
gap:5 | gap: var(--space-5) !important; /* 1.25rem (20px) */ | |
gap:6 | gap: var(--space-6) !important; /* 1.5rem (24px) */ | |
gap:7 | gap: var(--space-7) !important; /* 1.75rem (28px) */ | |
gap:8 | gap: var(--space-8) !important; /* 2rem (32px) */ | |
gap:9 | gap: var(--space-9) !important; /* 2.25rem (36px) */ | |
gap:10 | gap: var(--space-10) !important; /* 2.5rem (40px) */ |
기본 간격 var(--spacing) 설정과 관련된 내용은 여기를 참고해주세요.