Tailwind CSS plugins

Tailwind allows you to register official or third-party plugins with Tailwind that can be used to generate extra utilities, components, base styles, or custom variants. Decanter makes use of some of these plugins, and you can add additional plugins to your project in its tailwind.config file. Full information regarding plugins can be found in the Tailwind docs.

Aspect Ratio: The @tailwindcss/aspect-ratio plugin is an alternative to native aspect-ratio support that works in older browsers, and adds aspect-w-{n} and aspect-h-{n} classes that can be combined to give an element a fixed aspect ratio.

Container Queries: The @tailwindcss/container-queries plugin adds new @{size} variants like @sm and @md that let you style an element based on the dimensions of a parent marked with @container instead of the viewport.

Forms: The @tailwindcss/forms plugin adds an opinionated form reset layer that makes it easier to style form elements with utility classes.

Hocus and Children: are plugins that are included in Decanter's tailwind.config.js file, but are not official Tailwind plugins. They are included in Decanter's tailwind.config.js file to provide additional functionality to the framework.