tailwindcss-capsize icon indicating copy to clipboard operation
tailwindcss-capsize copied to clipboard

Breaking due to global.css

Open tecoad opened this issue 10 months ago • 2 comments

I notice an issue with this extension.

If your globals.css use classes like:

	h1 {
		@apply text-[38px]/[1.1] md:text-[56px]/[1.1]; 
	}

	h2 {
		@apply text-[32px]/[1.3] md:text-[42px]/[1.25]; 
	}

Throws the error:

app/globals.css The text-[38px]/[1.1] class does not exist. If text-[38px]/[1.1] is a custom class, make sure it is defined within a @layer directive.

It only happens with this extension. I use other extensions and this doesnt occur.

tecoad avatar Jan 23 '25 00:01 tecoad

Hmm, I wonder if it's something with the combo font-size/line-height utility classes... What version of Tailwind are you using?

stormwarning avatar Jan 23 '25 16:01 stormwarning

Hmm, I wonder if it's something with the combo font-size/line-height utility classes... What version of Tailwind are you using?

	"tailwindcss": "^3.4.14",

This happens only with this plugin... i use other plugins and never had a problem

tecoad avatar Jan 24 '25 04:01 tecoad