Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Breaking due to global.css #240

Open
tecoad opened this issue Jan 23, 2025 · 2 comments
Open

Breaking due to global.css #240

tecoad opened this issue Jan 23, 2025 · 2 comments

Comments

@tecoad
Copy link

tecoad commented Jan 23, 2025

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.

@stormwarning
Copy link
Owner

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

@tecoad
Copy link
Author

tecoad commented Jan 24, 2025

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants