archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Ensure nesting plugins can receive options (#7016)

Browse Source 
* fix: options for nesting / nested plugins

* add tests to ensure passing options to postcss plugin works

Co-authored-by: Robin Malfait <malfait.robin@gmail.com>
This commit is contained in:
Lubomír Blažek 2022-01-14 16:20:06 +01:00 committed by GitHub
parent bef3838552
commit 8293c2d33d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 28 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
nesting/plugin.js
View File

@ -14,7 +14,10 @@ module.exports = function nesting(opts = postcssNested) {
})
let plugin = (() => {
if (typeof opts === 'function') {
if (
typeof opts === 'function' ||
(typeof opts === 'object' && opts?.hasOwnProperty('postcssPlugin'))
) {
return opts
}

25
tests/postcss-plugins/nesting/index.test.js
View File

@ -74,7 +74,7 @@ it('should default to the bundled postcss-nested plugin (no options)', async ()
`)
})
it('should default to the bundled postcss-nested plugin (empty ooptions)', async () => {
it('should default to the bundled postcss-nested plugin (empty options)', async () => {
let input = css`
.foo {
color: black;
@ -97,6 +97,29 @@ it('should default to the bundled postcss-nested plugin (empty ooptions)', async
`)
})
it('should be possible to use postcss-nested plugin with options', async () => {
let input = css`
.foo {
color: black;
@screen md {
color: blue;
}
}
`
expect(await run(input, postcssNested({ noIsPseudoSelector: true }))).toMatchCss(css`
.foo {
color: black;
}
@media screen(md) {
.foo {
color: blue;
}
}
`)
})
test('@screen rules are replaced with media queries', async () => {
let input = css`
.foo {