How to extend
Decanter / Tailwind Overrides
The Decanter Design System uses Tailwind CSS as a base. This means that you can use almost all of the Tailwind utilities in your project. You can also override the default Decanter Tailwind configuration to suit your needs. Decanter has overriden and not extended the following Tailwind configuration:
- Font Family - Documentation | Source
- Screens - Documentation | Source
- Spacing - Documentation | Source
- CSS Reset - Documentation | Source
Extending Decanter Tailwind Configuration
You can extend the Tailwind configuration as you would in any other Tailwind project. The Decanter Design System utilizes presets which allow you to continue to extend the configuration for your project on top of the Decanter configuration.
Extend with your own preset
You can create your own preset as well! Read the tailwindcss documentation on how to create your own preset. This would be a great way of bundling your own custom components and utilities for your projects and keeping them separate from the Decanter Design System.
