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

Alpha-less colors #3984

Merged
merged 1 commit into from Apr 30, 2021
Merged

Alpha-less colors #3984

merged 1 commit into from Apr 30, 2021

Conversation

@ayrton
Copy link
Contributor

@ayrton ayrton commented Apr 6, 2021

When certain core plugins have been disabled (eg. backgroundOpacity) jit mode currently does not output alpha-less colors like default mode does.

With the following config:

module.exports = {
  corePlugins: {
    backgroundOpacity: false,
  },
}

Before:

.bg-gray-100{
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

After:

.bg-gray-100{
	background-color: #f3f4f6;
}

Fixes #3963

@ayrton
Copy link
Contributor Author

@ayrton ayrton commented Apr 6, 2021

This was backported from tailwindlabs/tailwindcss-jit#196

@ayrton ayrton mentioned this pull request Apr 12, 2021
@adamwathan adamwathan force-pushed the tailwindlabs:master branch from c681549 to 23b71a9 Apr 23, 2021
@adamwathan adamwathan merged commit 54aa5be into tailwindlabs:master Apr 30, 2021
@adamwathan
Copy link
Contributor

@adamwathan adamwathan commented Apr 30, 2021

Thanks!

@ayrton ayrton deleted the ayrton:alphaless-colors-jit branch Jun 5, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Linked issues

Successfully merging this pull request may close these issues.

2 participants