-
-
Notifications
You must be signed in to change notification settings - Fork 129
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
Configure CSS nesting correctly #3473
Conversation
@@ -1,7 +1,7 @@ | |||
module.exports = { | |||
plugins: [ | |||
require('postcss-import'), | |||
require('tailwindcss/nesting'), | |||
require('tailwindcss/nesting')(require('postcss-nesting')), |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What does this line do?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
following the docs you'd need to write it in an object format like this:
// postcss.config.js
module.exports = {
plugins: {
'postcss-import': {},
'tailwindcss/nesting': 'postcss-nesting',
tailwindcss: {},
autoprefixer: {},
}
}
but as it was already configured in this commonjs format, this is just the analogue of the above. It invokes the required tailwindcss/nesting
plugin with the required postcss-nesting
plugin as an argument.
2081773
to
1d6295a
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Does this remove the warning in the logs?
yes |
This reverts commit d88930e.
No description provided.