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