/**
 * This injects Tailwind's component classes and any component classes
 * registered by plugins.
 *
  * Here you would import any custom component classes; stuff that you'd
  * want loaded *before* the utilities so that the utilities can still
  * override them.
  *
  * @import "my-components/_foo";
  * @import "my-components/_bar";
  */
@import 'tailwindcss/components';

/**
 * Here we dont need components imports like before
 * Now we write CSS for specific components inside Component.tsx itself.
 *
 * @import "components/_buttons";
 * @import "components/_forms";
 */

/**
 * This injects all of Tailwind's utility classes, generated based on your
 * config file.
 */
@import 'tailwindcss/utilities';

/**
 * Here you would add any custom utilities you need that don't come out of the
 * box with Tailwind.
 *
 * @import "my-utilities/_background-images";
 * @import "my-utilities/_skew-transforms";
 */