CSS Frameworks2 [tailwind CSS] tailwind css v3.0.7 업데이트 내용 Version3.0.7 JIT(Just-in-time) 기존에는 따로 Mode설정을 해야 사용할 수 있었던 JIT가 이제는 따로 설정하지 않아도 all time사용할 수 있게 되었습니다. 기본 Color Pallete 종류 추가 Pallete외에도 2가지의 Gray theme Pallete가 추가 box-shadow에서 color 선택 가능 shadow-blue-500/50와 같이 색을 지정 scroll-snap api가 추가되었습니다. Keen-slider라이브러리의 많은 부분을 대체할 수 있으며 스크롤 스냅 시 어떤 부분에서 멈출지를 지정할 수 있는 등 여러가지 방법으로 custom하여 사용할 수 있습니다. Multicolumn layout추가 Grid와 grid-cols를 사용해야하는부분을 clas.. 2021. 12. 24. [tailwind CSS] tailwindCSS 기초 셋팅 tailwindCSS 트렌드 지금까지 styled-components 또는 scss를 주로 사용했습니다. 트렌드 동향을 보았을 때, CSS 프레임워크를 보면 tailwind CSS를 많이 급속도로 많이 사용되고 있으며, 만족도도 좋기 때문에 tailwind CSS를 가볍게(?) 사용해보려고 합니다. Tailwind CSS 설치하기 CLI로 tailwind 설치 ``` npm install -D tailwindcss npx tailwindcss init ``` tailwind.config.js module.exports = { content: ["./src/**/*.{html,js}"], theme: { extend: {}, }, plugin: [], } src/input.css @tailwind base.. 2021. 12. 16. 이전 1 다음
