wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

ensure stacking dark and rtl variants with pseudo elements works as expected

Browse source
This commit is contained in:
Robin Malfait 2023-03-21 15:31:41 +01:00
parent 4d2d870add
commit e4482c7596
No known key found for this signature in database
GPG key ID: 92F53D68B9041AFE
1 changed files with 25 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

26
tests/variants.test.js
View file

@ -1134,7 +1134,7 @@ crosscheck(({ stable, oxide }) => {
darkMode: 'class',
content: [
{
raw: html` <div class="dark:rtl:italic" /> `,
raw: html`<div class="dark:rtl:italic" />`,
},
],
corePlugins: { preflight: false },
@ -1152,4 +1152,28 @@ crosscheck(({ stable, oxide }) => {
}
`)
})
test('stacking dark and rtl variants with pseudo elements', async () => {
let config = {
darkMode: 'class',
content: [
{
raw: html`<div class="dark:rtl:placeholder:italic" />`,
},
],
corePlugins: { preflight: false },
}
let input = css`
@tailwind utilities;
`
let result = await run(input, config)
expect(result.css).toMatchFormattedCss(css`
:is(.dark :is([dir='rtl'] .dark\:rtl\:placeholder\:italic))::placeholder {
font-style: italic;
}
`)
})
})