Custom CSS

[melaniecarr23]

I'm using tailwindcss. How can I override the standard settings and use my own?

[lindseybradford]

🆙

[itstimwhite]

This

[danilopolani]

Hey,
to customize the CSS I'm disabling the default one with the useDefaultCss: false option and then using applying Tailwind classes on toasts, for example:

.c-toast {
  @apply pt-1 pb-2 px-4 rounded-lg;
}

.c-toast.c-toast--error {
  @apply bg-red-700 text-white;
}

.c-toast.c-toast--success {
  @apply bg-green-700 text-white;
}