Chapter 8Customizing Tailwind
Throughout this book, I’ve alluded to the idea that Tailwind is customizable, and here’s where I explain how and why. Tailwind is an engine that generates many CSS classes based on the patterns in your code, and this engine has a lot of hooks that allow us to alter the set of utilities available to us.
You might want to customize Tailwind for several reasons:
-
Change defaults. Tailwind provides default step values for most of its utilities, for example, the common steps for margins, padding, and other spacing items. And it has default screen sizes for responsive breakpoints. Tailwind also provides a default set of colors, but you may want to add your own. In the configuration file, you can change these. Even though ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access