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

"border-transparent" missing from intellisense (upd: all border colors are missing) #57

Closed
alex-jitbit opened this issue Jul 25, 2024 · 6 comments

Comments

@alex-jitbit
Copy link

No description provided.

@alex-jitbit alex-jitbit changed the title "border-transparent" missing from intellisense "border-transparent" missing from intellisense (upd: all border colors are missing) Jul 25, 2024
@theron-wang
Copy link
Owner

Sorry about the delay; thanks for reporting! I'll take a look into this and hopefully get a bug fix soon.

@theron-wang
Copy link
Owner

@alex-jitbit I'm not able to reproduce this issue - could you please send your tailwind.config.js file and the affected HTML file content and type (i.e. .razor, .html, etc.)? Thanks.

@alex-jitbit
Copy link
Author

alex-jitbit commented Aug 3, 2024

Sure

/** @type {import('tailwindcss').Config} */
module.exports = {
	content: ["./Views/**/*.cshtml"],
	theme: {
		extend: {
			fontFamily: {
				sans: ['InterVariable, sans-serif'],
			},
			colors: {
				'new-color': 'rgb(var(--new-color) / <alpha-value>)',
				'new-color-dark': 'rgb(var(--new-color-dark) / <alpha-value>)',
				'tech-color': 'rgb(var(--tech-color) / <alpha-value>)',
				'tech-color-dark': 'rgb(var(--tech-color-dark) / <alpha-value>)',
				'cust-color': 'rgb(var(--cust-color) / <alpha-value>)',
				'cust-color-dark': 'rgb(var(--cust-color-dark) / <alpha-value>)',
				'fortech-color': 'rgb(var(--fortech-color) / <alpha-value>)',
				'fortech-color-dark': 'rgb(var(--fortech-color-dark) / <alpha-value>)',
			}
		},
		borderColor: ({ theme }) => ({
			...theme('colors'),
			DEFAULT: theme('colors.zinc.200', 'currentColor'),
		}),
	},
	darkMode: 'selector',
	plugins: [],
	safelist: ["rotate-90"] //do not purge this class from CSS (used in js)
}

Any html/cshtml file is affected.

I just realized that the extension breaks becasue I added some custom borderColors.

This:

borderColor: ({ theme }) => ({
			...theme('colors'),
			DEFAULT: theme('colors.zinc.200', 'currentColor'),
		}),

@theron-wang
Copy link
Owner

Thanks! I don’t think the extension is handling DEFAULT correctly at the moment, so I’ll try to get a fix for that soon.

@theron-wang
Copy link
Owner

Sorry about the delayed fix; this should be fixed in 1.4.7. Thanks!

@alex-jitbit
Copy link
Author

Thanks!

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