TailwindCSS list
-
[TailwindCSS] TailwindCSS 유용한 속성프론트엔드 개발자가 될거야./css 라이브러리 2023. 5. 15. 12:53
놀라운 점은 tailwind에만 있는 속성이 아니고 기존 css에도 있는 속성도 많다. space-x-3 자식 컴포넌트의 좌우 margin을 알아서 계산해줘서 margin을 따로 생각할 필요가 없다. css로 보면 이러한 구성이다. .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } ring list (array.map) : 배열을 map으로 돌릴 때 사용할 수 있는 속성들이다. 1. first, last f..