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

Disable color opacity plugins by default in the oxide engine (#10618)

Browse source 
* disable color opacity plugins by default for the `oxide` engine

* update tests to reflect this change in the `oxide` engine

* update changelog

* reflect changes in integration tests
This commit is contained in:
Robin Malfait 2023-02-17 20:21:22 +01:00 • committed by GitHub
parent 316282d719
commit c8bf2d49b6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
32 changed files with 2746 additions and 772 deletions
Download patch file Download diff file Expand all files Collapse all files

36
tests/plugins/gradientColorStops.test.js
View file

@ -1,6 +1,6 @@
import { crosscheck, run, html, css } from '../util/run'
crosscheck(() => {
crosscheck(({ stable, oxide }) => {
test('opacity variables are given to colors defined as closures', () => {
let config = {
content: [
@ -32,7 +32,7 @@ crosscheck(() => {
}
return run('@tailwind utilities', config).then((result) => {
expect(result.css).toMatchFormattedCss(css`
stable.expect(result.css).toMatchFormattedCss(css`
.from-primary {
--tw-gradient-from: #1f1f1f;
--tw-gradient-to: #1f1f1f00;
@ -69,6 +69,38 @@ crosscheck(() => {
--tw-text-opacity: 0.5;
}
`)
oxide.expect(result.css).toMatchFormattedCss(css`
.from-primary {
--tw-gradient-from: #1f1f1f;
--tw-gradient-to: #1f1f1f00;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-secondary {
--tw-gradient-from: #bf5540;
--tw-gradient-to: #bf554000;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-primary {
--tw-gradient-to: #1f1f1f00;
--tw-gradient-stops: var(--tw-gradient-from), #1f1f1f, var(--tw-gradient-to);
}
.via-secondary {
--tw-gradient-to: #bf554000;
--tw-gradient-stops: var(--tw-gradient-from), #bf5540, var(--tw-gradient-to);
}
.to-primary {
--tw-gradient-to: #1f1f1f;
}
.to-secondary {
--tw-gradient-to: #bf5540;
}
.text-primary {
color: #1f1f1f;
}
.text-secondary {
color: #bf5540;
}
`)
})
})
})