Tailwind css base styles

 How to apply base styles to Tailwind?

In tailwind all default styles are removed by the preflight functionality.

To add default style in your website/application

add a layer in the tailwind.css with the direction to base fe:

@tailwind base;

@tailwind components;

@tailwind utilities;

@tailwind screens;

@layer base {

p {

@apply mt-2;

}

h1{

@apply xs:text-2xl pt-10 sm:text-3xl md:text-5xl m-2 font-Primary text-primary font-normal;

}

h2{

@apply xs:text-2xl sm:text-3xl md:text-4xl text-secundary font-normal;

}

h3{

@apply xs:text-2xl sm:text-3xl md:text-4xl text-secundary font-normal;

}

}