반응형
목차 (OPEN)
🟥 기본 개념
| 약어 | 의미 | 적용 위치 |
| p | padding | 전체 |
| px | padding-x | 좌우 |
| py | padding-y | 상하 |
| pt | padding-top | 위 |
| pr | padding-right | 오른쪽 |
| pb | padding-bottom | 아래 |
| pl | padding-left | 왼쪽 |
🟧 Spacing Scale (Tailwind 기본값)
기본값은 1단위 = 0.25rem = 4px 이다.
| 값 | rem | px |
| 0 | 0 | 0 |
| 1 | 0.25 | 4 |
| 2 | 0.5 | 8 |
| 3 | 0.75 | 12 |
| 4 | 1 | 16 |
| 5 | 1.25 | 20 |
이런 느낌으로 쭉 이어진다고 보면 된다.
반응형
'💻 프로젝트 > 📌 BaLaw' 카테고리의 다른 글
| 배럴 파일(Barrel File) 정리 (1) | 2025.10.07 |
|---|---|
| Storybook 설치하기 (0) | 2025.10.01 |
