Favorite New Tailwind Extension
- Tailwind의 새로운 확장 기능인
fluidTailwind
는 클램프 함수를 활용하여 padding, margin, 텍스트 등 값 기반 스타일을 부드럽게 변조합니다. 🎨
fluidTailwind
는 Tailwind merge와 호환되며, 자동으로 화면 크기에 따라 스타일을 조절하여 코드를 간결하게 만들고, 🎨
- 사용자 친화적인 intellisense를 제공하여 개발 효율성을 높입니다. 💡
- 스크린 값 변경:
fluidTailwind
는 기본적으로 Rem 단위를 사용하므로 Tailwind 설정 파일에 screen
과 fontSize
를 새로운 값으로 변경해야 합니다. 🔄
- 클램프 함수 활용:
~ / screen-size: value
형식으로 클램프 함수를 사용하면 최소/최대 값 사이에서 값을 자연스럽게 변화시킬 수 있습니다. 📈
- 구체적인 화면 크기 조정: 특정 화면 크기 범위에 대해 클램프 기능을 사용하려면 앞에 시작 화면 크기 및 끝나는 화면 크기를 명시합니다. 🎯