tailwind octopost

tailwind.txt

tailwind octopus

what tailwind is
	a map of css properties
	classes that have objective names and purposes

what tailwind isn’t
	bootstrap
		is a component library
		one class in bootstrap is equivalent to hundreds of opinionated css properties
		terrible to customize, bootstrap sites end up looking the same

	inline styles
		syntactic terror
		magic numbers
		not holistic by definition (cannot write media queries or selectors)
		it WILL result in using two styling approaches (inline + something else)
		will run into specificity terrors

tailwind axioms
	anything you can do in vanilla css you can do in tailwind

what tailwind is good at
	helping you create and enforce a design system
	maintainability (colocation)
	reusability (copy pasteable code)

what tailwind is bad at
	being used without componentization (outside React, Vue, Angular)
	dynamic css classes (can’t update because of zero runtime)
	making html readable
	generating readable outputs

you NEED to
	use prettier-tailwind-plugin for automatic class sorting
		to avoid issues with html class order !== css class order ()
	use intellisense for class hovers (shows applied css classes)
	study tailwind merge + cya

references
	michel teló - https://youtu.be/EbFA4RQrc0w?si=TM2sI3KddQXdxdx7
	cu e código - https://dev.to/lixeletto/os-limites-do-tailwind-css-55od
	criador do tailwind - https://adamwathan.me/css-utility-classes-and-separation-of-concerns/

versão traduzida em portugues: https://chat.openai.com/share/05d3e12a-0214-4411-a0c5-76182093dd55