4 ms·
Tailwind has a class for almost everything, which makes it quite heavy: 1600kb minified. In my experience you end up with ≤ 15kb of minified CSS after running P
by dgut 6y ago
Tailwind has a class for almost everything, which makes it quite heavy: 1600kb minified. In my experience you end up with ≤ 15kb of minified CSS after running PurgeCSS anyway, so this is not an issue. Personally I prefer Tailwind because you practically don't have to write any CSS. With something like Blunt expect finding many edge cases where you will have to write custom CSS. I do write custom classes that wrap Tailwind classes using the @apply method.. e.g .card and .btn are typical examples (see https://tailwindcss.com/course/composing-utilities-with-apply https://tailwindcss.com/course/composing-utilities-with-appl...).
- leviathan 6y ago> ... Tailwind because you practically don't have to write any CSS. Only until you want to apply a hover style change on a child element (ie: make that svg icon change color when you hover on the a tag that wraps it) and you discover that you need to write that css yourself.
- simplify 6y agogroup-hover was made specifically for this use case: https://tailwindcss.com/docs/pseudo-class-variants/#group-hover https://tailwindcss.com/docs/pseudo-class-variants/#group-ho...
- welly 6y agoGoing slightly off topic but I wonder if anyone can point me to a tailwind "starter kit" - ie. a project with everything in place to get going with tailwind, postcss etc. Thanks!
- type0 6y agohttps://www.tailwindtoolbox.com/ https://www.tailwindtoolbox.com/ https://github.com/creativetimofficial/tailwind-starter-kit https://github.com/creativetimofficial/tailwind-starter-kit
- welly 6y agoAnd thank you too!
- hit8run 6y agoThat's the official starter kit: https://github.com/tailwindcss/playground https://github.com/tailwindcss/playground
- welly 6y agoThank you!