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

Ensure all built-in plugins have tests (#11618)

Browse source 
* move `preflight` tests to `plugins` test folder

* move `container` tests to `plugins` test folder

* add a test that ensures that all built-in plugins have tests

This is based on a few assumptions:

1. All plugins exist in the `corePlugins.js` file and are exported as
   `corePlugins`
2. Each exported plugin in that object has a file with a corresponding
   name in the current (`tests/plugins/`) folder

* add dedicated plugin tests in the `plugins` folder

* add a test that ensures that all built-in variant plugins have tests

This is based on a few assumptions:

1. All variant plugins exist in the `corePlugins.js` file and are
   exported as `variantPlugins`
2. Each exported plugin in that object has a file with a corresponding
   name in the current (`tests/plugins/variants/`) folder

* add dedicated variant plugin tests in the `plugins/variants` folder

* cleanup basic usage test

* move existing animation tests to animation plugin tests

* move `apply-important-selector` tests to more appropriate location
This commit is contained in:
Robin Malfait 2023-07-24 11:41:52 +02:00 • committed by GitHub
parent 6eed8cb3f6
commit dba5043591
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
249 changed files with 614205 additions and 1548 deletions
Download patch file Download diff file Expand all files Collapse all files

15701
tests/plugins/__snapshots__/accentColor.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

29
tests/plugins/__snapshots__/backdropInvert.test.js.snap Normal file
View file

@ -0,0 +1,29 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'backdropInvert' plugin 1`] = `
"
.backdrop-invert {
--tw-backdrop-invert: invert(100%);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-invert-0 {
--tw-backdrop-invert: invert(0);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-invert-\\[50\\%\\] {
--tw-backdrop-invert: invert(50%);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-invert-\\[var\\(--my-value\\)\\] {
--tw-backdrop-invert: invert(var(--my-value));
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
"
`;

107
tests/plugins/__snapshots__/backdropOpacity.test.js.snap Normal file
View file

@ -0,0 +1,107 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'backdropOpacity' plugin 1`] = `
"
.backdrop-opacity-0 {
--tw-backdrop-opacity: opacity(0);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-10 {
--tw-backdrop-opacity: opacity(.1);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-100 {
--tw-backdrop-opacity: opacity(1);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-20 {
--tw-backdrop-opacity: opacity(.2);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-25 {
--tw-backdrop-opacity: opacity(.25);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-30 {
--tw-backdrop-opacity: opacity(.3);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-40 {
--tw-backdrop-opacity: opacity(.4);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-5 {
--tw-backdrop-opacity: opacity(.05);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-50 {
--tw-backdrop-opacity: opacity(.5);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-60 {
--tw-backdrop-opacity: opacity(.6);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-70 {
--tw-backdrop-opacity: opacity(.7);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-75 {
--tw-backdrop-opacity: opacity(.75);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-80 {
--tw-backdrop-opacity: opacity(.8);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-90 {
--tw-backdrop-opacity: opacity(.9);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-95 {
--tw-backdrop-opacity: opacity(.95);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-\\[0\\.12\\] {
--tw-backdrop-opacity: opacity(.12);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-\\[var\\(--my-value\\)\\] {
--tw-backdrop-opacity: opacity(var(--my-value));
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
"
`;

47
tests/plugins/__snapshots__/backdropSaturate.test.js.snap Normal file
View file

@ -0,0 +1,47 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'backdropSaturate' plugin 1`] = `
"
.backdrop-saturate-0 {
--tw-backdrop-saturate: saturate(0);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-saturate-100 {
--tw-backdrop-saturate: saturate(1);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-saturate-150 {
--tw-backdrop-saturate: saturate(1.5);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-saturate-200 {
--tw-backdrop-saturate: saturate(2);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-saturate-50 {
--tw-backdrop-saturate: saturate(.5);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-saturate-\\[0\\.12\\] {
--tw-backdrop-saturate: saturate(.12);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-saturate-\\[var\\(--my-value\\)\\] {
--tw-backdrop-saturate: saturate(var(--my-value));
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
"
`;

31698
tests/plugins/__snapshots__/backgroundColor.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

73
tests/plugins/__snapshots__/backgroundOpacity.test.js.snap Normal file
View file

@ -0,0 +1,73 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'backgroundOpacity' plugin 1`] = `
"
.bg-opacity-0 {
--tw-bg-opacity: 0;
}
.bg-opacity-10 {
--tw-bg-opacity: .1;
}
.bg-opacity-100 {
--tw-bg-opacity: 1;
}
.bg-opacity-20 {
--tw-bg-opacity: .2;
}
.bg-opacity-25 {
--tw-bg-opacity: .25;
}
.bg-opacity-30 {
--tw-bg-opacity: .3;
}
.bg-opacity-40 {
--tw-bg-opacity: .4;
}
.bg-opacity-5 {
--tw-bg-opacity: .05;
}
.bg-opacity-50 {
--tw-bg-opacity: .5;
}
.bg-opacity-60 {
--tw-bg-opacity: .6;
}
.bg-opacity-70 {
--tw-bg-opacity: .7;
}
.bg-opacity-75 {
--tw-bg-opacity: .75;
}
.bg-opacity-80 {
--tw-bg-opacity: .8;
}
.bg-opacity-90 {
--tw-bg-opacity: .9;
}
.bg-opacity-95 {
--tw-bg-opacity: .95;
}
.bg-opacity-\\[0\\.12\\] {
--tw-bg-opacity: .12;
}
.bg-opacity-\\[var\\(--my-value\\)\\] {
--tw-bg-opacity: var(--my-value);
}
"
`;

60
tests/plugins/__snapshots__/blur.test.js.snap Normal file
View file

@ -0,0 +1,60 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'blur' plugin 1`] = `
"
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-0 {
--tw-blur: blur(0);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl {
--tw-blur: blur(40px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl {
--tw-blur: blur(64px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\\[12px\\] {
--tw-blur: blur(12px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\\[var\\(--my-value\\)\\] {
--tw-blur: blur(var(--my-value));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-lg {
--tw-blur: blur(16px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-md {
--tw-blur: blur(12px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-none {
--tw-blur: blur(0);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-sm {
--tw-blur: blur(4px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-xl {
--tw-blur: blur(24px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
"
`;

300278
tests/plugins/__snapshots__/borderColor.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

73
tests/plugins/__snapshots__/borderOpacity.test.js.snap Normal file
View file

@ -0,0 +1,73 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'borderOpacity' plugin 1`] = `
"
.border-opacity-0 {
--tw-border-opacity: 0;
}
.border-opacity-10 {
--tw-border-opacity: .1;
}
.border-opacity-100 {
--tw-border-opacity: 1;
}
.border-opacity-20 {
--tw-border-opacity: .2;
}
.border-opacity-25 {
--tw-border-opacity: .25;
}
.border-opacity-30 {
--tw-border-opacity: .3;
}
.border-opacity-40 {
--tw-border-opacity: .4;
}
.border-opacity-5 {
--tw-border-opacity: .05;
}
.border-opacity-50 {
--tw-border-opacity: .5;
}
.border-opacity-60 {
--tw-border-opacity: .6;
}
.border-opacity-70 {
--tw-border-opacity: .7;
}
.border-opacity-75 {
--tw-border-opacity: .75;
}
.border-opacity-80 {
--tw-border-opacity: .8;
}
.border-opacity-90 {
--tw-border-opacity: .9;
}
.border-opacity-95 {
--tw-border-opacity: .95;
}
.border-opacity-\\[12\\%\\] {
--tw-border-opacity: 12%;
}
.border-opacity-\\[var\\(--my-value\\)\\] {
--tw-border-opacity: var(--my-value);
}
"
`;

665
tests/plugins/__snapshots__/borderRadius.test.js.snap Normal file
View file

@ -0,0 +1,665 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'borderRadius' plugin 1`] = `
"
.rounded {
border-radius: .25rem;
}
.rounded-2xl {
border-radius: 1rem;
}
.rounded-3xl {
border-radius: 1.5rem;
}
.rounded-\\[1px\\] {
border-radius: 1px;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-lg {
border-radius: .5rem;
}
.rounded-md {
border-radius: .375rem;
}
.rounded-none {
border-radius: 0;
}
.rounded-sm {
border-radius: .125rem;
}
.rounded-xl {
border-radius: .75rem;
}
.rounded-b {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem;
}
.rounded-b-2xl {
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.rounded-b-3xl {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
}
.rounded-b-\\[6px\\] {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.rounded-b-full {
border-bottom-right-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.rounded-b-lg {
border-bottom-right-radius: .5rem;
border-bottom-left-radius: .5rem;
}
.rounded-b-md {
border-bottom-right-radius: .375rem;
border-bottom-left-radius: .375rem;
}
.rounded-b-none {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.rounded-b-sm {
border-bottom-right-radius: .125rem;
border-bottom-left-radius: .125rem;
}
.rounded-b-xl {
border-bottom-right-radius: .75rem;
border-bottom-left-radius: .75rem;
}
.rounded-e {
border-start-end-radius: .25rem;
border-end-end-radius: .25rem;
}
.rounded-e-2xl {
border-start-end-radius: 1rem;
border-end-end-radius: 1rem;
}
.rounded-e-3xl {
border-start-end-radius: 1.5rem;
border-end-end-radius: 1.5rem;
}
.rounded-e-\\[3px\\] {
border-start-end-radius: 3px;
border-end-end-radius: 3px;
}
.rounded-e-full {
border-start-end-radius: 9999px;
border-end-end-radius: 9999px;
}
.rounded-e-lg {
border-start-end-radius: .5rem;
border-end-end-radius: .5rem;
}
.rounded-e-md {
border-start-end-radius: .375rem;
border-end-end-radius: .375rem;
}
.rounded-e-none {
border-start-end-radius: 0;
border-end-end-radius: 0;
}
.rounded-e-sm {
border-start-end-radius: .125rem;
border-end-end-radius: .125rem;
}
.rounded-e-xl {
border-start-end-radius: .75rem;
border-end-end-radius: .75rem;
}
.rounded-l {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
}
.rounded-l-2xl {
border-top-left-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.rounded-l-3xl {
border-top-left-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
}
.rounded-l-\\[7px\\] {
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
.rounded-l-full {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.rounded-l-lg {
border-top-left-radius: .5rem;
border-bottom-left-radius: .5rem;
}
.rounded-l-md {
border-top-left-radius: .375rem;
border-bottom-left-radius: .375rem;
}
.rounded-l-none {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.rounded-l-sm {
border-top-left-radius: .125rem;
border-bottom-left-radius: .125rem;
}
.rounded-l-xl {
border-top-left-radius: .75rem;
border-bottom-left-radius: .75rem;
}
.rounded-r {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
}
.rounded-r-2xl {
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
}
.rounded-r-3xl {
border-top-right-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
}
.rounded-r-\\[5px\\] {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.rounded-r-full {
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
.rounded-r-lg {
border-top-right-radius: .5rem;
border-bottom-right-radius: .5rem;
}
.rounded-r-md {
border-top-right-radius: .375rem;
border-bottom-right-radius: .375rem;
}
.rounded-r-none {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.rounded-r-sm {
border-top-right-radius: .125rem;
border-bottom-right-radius: .125rem;
}
.rounded-r-xl {
border-top-right-radius: .75rem;
border-bottom-right-radius: .75rem;
}
.rounded-s {
border-start-start-radius: .25rem;
border-end-start-radius: .25rem;
}
.rounded-s-2xl {
border-start-start-radius: 1rem;
border-end-start-radius: 1rem;
}
.rounded-s-3xl {
border-start-start-radius: 1.5rem;
border-end-start-radius: 1.5rem;
}
.rounded-s-\\[2px\\] {
border-start-start-radius: 2px;
border-end-start-radius: 2px;
}
.rounded-s-full {
border-start-start-radius: 9999px;
border-end-start-radius: 9999px;
}
.rounded-s-lg {
border-start-start-radius: .5rem;
border-end-start-radius: .5rem;
}
.rounded-s-md {
border-start-start-radius: .375rem;
border-end-start-radius: .375rem;
}
.rounded-s-none {
border-start-start-radius: 0;
border-end-start-radius: 0;
}
.rounded-s-sm {
border-start-start-radius: .125rem;
border-end-start-radius: .125rem;
}
.rounded-s-xl {
border-start-start-radius: .75rem;
border-end-start-radius: .75rem;
}
.rounded-t {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
}
.rounded-t-2xl {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}
.rounded-t-3xl {
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
}
.rounded-t-\\[4px\\] {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.rounded-t-full {
border-top-left-radius: 9999px;
border-top-right-radius: 9999px;
}
.rounded-t-lg {
border-top-left-radius: .5rem;
border-top-right-radius: .5rem;
}
.rounded-t-md {
border-top-left-radius: .375rem;
border-top-right-radius: .375rem;
}
.rounded-t-none {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.rounded-t-sm {
border-top-left-radius: .125rem;
border-top-right-radius: .125rem;
}
.rounded-t-xl {
border-top-left-radius: .75rem;
border-top-right-radius: .75rem;
}
.rounded-bl {
border-bottom-left-radius: .25rem;
}
.rounded-bl-2xl {
border-bottom-left-radius: 1rem;
}
.rounded-bl-3xl {
border-bottom-left-radius: 1.5rem;
}
.rounded-bl-\\[15px\\] {
border-bottom-left-radius: 15px;
}
.rounded-bl-full {
border-bottom-left-radius: 9999px;
}
.rounded-bl-lg {
border-bottom-left-radius: .5rem;
}
.rounded-bl-md {
border-bottom-left-radius: .375rem;
}
.rounded-bl-none {
border-bottom-left-radius: 0;
}
.rounded-bl-sm {
border-bottom-left-radius: .125rem;
}
.rounded-bl-xl {
border-bottom-left-radius: .75rem;
}
.rounded-br {
border-bottom-right-radius: .25rem;
}
.rounded-br-2xl {
border-bottom-right-radius: 1rem;
}
.rounded-br-3xl {
border-bottom-right-radius: 1.5rem;
}
.rounded-br-\\[14px\\] {
border-bottom-right-radius: 14px;
}
.rounded-br-full {
border-bottom-right-radius: 9999px;
}
.rounded-br-lg {
border-bottom-right-radius: .5rem;
}
.rounded-br-md {
border-bottom-right-radius: .375rem;
}
.rounded-br-none {
border-bottom-right-radius: 0;
}
.rounded-br-sm {
border-bottom-right-radius: .125rem;
}
.rounded-br-xl {
border-bottom-right-radius: .75rem;
}
.rounded-ee {
border-end-end-radius: .25rem;
}
.rounded-ee-2xl {
border-end-end-radius: 1rem;
}
.rounded-ee-3xl {
border-end-end-radius: 1.5rem;
}
.rounded-ee-\\[10px\\] {
border-end-end-radius: 10px;
}
.rounded-ee-full {
border-end-end-radius: 9999px;
}
.rounded-ee-lg {
border-end-end-radius: .5rem;
}
.rounded-ee-md {
border-end-end-radius: .375rem;
}
.rounded-ee-none {
border-end-end-radius: 0;
}
.rounded-ee-sm {
border-end-end-radius: .125rem;
}
.rounded-ee-xl {
border-end-end-radius: .75rem;
}
.rounded-es {
border-end-start-radius: .25rem;
}
.rounded-es-2xl {
border-end-start-radius: 1rem;
}
.rounded-es-3xl {
border-end-start-radius: 1.5rem;
}
.rounded-es-\\[11px\\] {
border-end-start-radius: 11px;
}
.rounded-es-full {
border-end-start-radius: 9999px;
}
.rounded-es-lg {
border-end-start-radius: .5rem;
}
.rounded-es-md {
border-end-start-radius: .375rem;
}
.rounded-es-none {
border-end-start-radius: 0;
}
.rounded-es-sm {
border-end-start-radius: .125rem;
}
.rounded-es-xl {
border-end-start-radius: .75rem;
}
.rounded-se {
border-start-end-radius: .25rem;
}
.rounded-se-2xl {
border-start-end-radius: 1rem;
}
.rounded-se-3xl {
border-start-end-radius: 1.5rem;
}
.rounded-se-\\[9px\\] {
border-start-end-radius: 9px;
}
.rounded-se-full {
border-start-end-radius: 9999px;
}
.rounded-se-lg {
border-start-end-radius: .5rem;
}
.rounded-se-md {
border-start-end-radius: .375rem;
}
.rounded-se-none {
border-start-end-radius: 0;
}
.rounded-se-sm {
border-start-end-radius: .125rem;
}
.rounded-se-xl {
border-start-end-radius: .75rem;
}
.rounded-ss {
border-start-start-radius: .25rem;
}
.rounded-ss-2xl {
border-start-start-radius: 1rem;
}
.rounded-ss-3xl {
border-start-start-radius: 1.5rem;
}
.rounded-ss-\\[8px\\] {
border-start-start-radius: 8px;
}
.rounded-ss-full {
border-start-start-radius: 9999px;
}
.rounded-ss-lg {
border-start-start-radius: .5rem;
}
.rounded-ss-md {
border-start-start-radius: .375rem;
}
.rounded-ss-none {
border-start-start-radius: 0;
}
.rounded-ss-sm {
border-start-start-radius: .125rem;
}
.rounded-ss-xl {
border-start-start-radius: .75rem;
}
.rounded-tl {
border-top-left-radius: .25rem;
}
.rounded-tl-2xl {
border-top-left-radius: 1rem;
}
.rounded-tl-3xl {
border-top-left-radius: 1.5rem;
}
.rounded-tl-\\[12px\\] {
border-top-left-radius: 12px;
}
.rounded-tl-full {
border-top-left-radius: 9999px;
}
.rounded-tl-lg {
border-top-left-radius: .5rem;
}
.rounded-tl-md {
border-top-left-radius: .375rem;
}
.rounded-tl-none {
border-top-left-radius: 0;
}
.rounded-tl-sm {
border-top-left-radius: .125rem;
}
.rounded-tl-xl {
border-top-left-radius: .75rem;
}
.rounded-tr {
border-top-right-radius: .25rem;
}
.rounded-tr-2xl {
border-top-right-radius: 1rem;
}
.rounded-tr-3xl {
border-top-right-radius: 1.5rem;
}
.rounded-tr-\\[13px\\] {
border-top-right-radius: 13px;
}
.rounded-tr-full {
border-top-right-radius: 9999px;
}
.rounded-tr-lg {
border-top-right-radius: .5rem;
}
.rounded-tr-md {
border-top-right-radius: .375rem;
}
.rounded-tr-none {
border-top-right-radius: 0;
}
.rounded-tr-sm {
border-top-right-radius: .125rem;
}
.rounded-tr-xl {
border-top-right-radius: .75rem;
}
"
`;

596
tests/plugins/__snapshots__/borderSpacing.test.js.snap Normal file
View file

@ -0,0 +1,596 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'borderSpacing' plugin 1`] = `
"
*, :before, :after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
}
::-webkit-backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
}
.border-spacing-0 {
--tw-border-spacing-x: 0px;
--tw-border-spacing-y: 0px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-0\\.5 {
--tw-border-spacing-x: .125rem;
--tw-border-spacing-y: .125rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-1 {
--tw-border-spacing-x: .25rem;
--tw-border-spacing-y: .25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-1\\.5 {
--tw-border-spacing-x: .375rem;
--tw-border-spacing-y: .375rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-10 {
--tw-border-spacing-x: 2.5rem;
--tw-border-spacing-y: 2.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-11 {
--tw-border-spacing-x: 2.75rem;
--tw-border-spacing-y: 2.75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-12 {
--tw-border-spacing-x: 3rem;
--tw-border-spacing-y: 3rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-14 {
--tw-border-spacing-x: 3.5rem;
--tw-border-spacing-y: 3.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-16 {
--tw-border-spacing-x: 4rem;
--tw-border-spacing-y: 4rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-2 {
--tw-border-spacing-x: .5rem;
--tw-border-spacing-y: .5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-2\\.5 {
--tw-border-spacing-x: .625rem;
--tw-border-spacing-y: .625rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-20 {
--tw-border-spacing-x: 5rem;
--tw-border-spacing-y: 5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-24 {
--tw-border-spacing-x: 6rem;
--tw-border-spacing-y: 6rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-28 {
--tw-border-spacing-x: 7rem;
--tw-border-spacing-y: 7rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-3 {
--tw-border-spacing-x: .75rem;
--tw-border-spacing-y: .75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-3\\.5 {
--tw-border-spacing-x: .875rem;
--tw-border-spacing-y: .875rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-32 {
--tw-border-spacing-x: 8rem;
--tw-border-spacing-y: 8rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-36 {
--tw-border-spacing-x: 9rem;
--tw-border-spacing-y: 9rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-4 {
--tw-border-spacing-x: 1rem;
--tw-border-spacing-y: 1rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-40 {
--tw-border-spacing-x: 10rem;
--tw-border-spacing-y: 10rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-44 {
--tw-border-spacing-x: 11rem;
--tw-border-spacing-y: 11rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-48 {
--tw-border-spacing-x: 12rem;
--tw-border-spacing-y: 12rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-5 {
--tw-border-spacing-x: 1.25rem;
--tw-border-spacing-y: 1.25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-52 {
--tw-border-spacing-x: 13rem;
--tw-border-spacing-y: 13rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-56 {
--tw-border-spacing-x: 14rem;
--tw-border-spacing-y: 14rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-6 {
--tw-border-spacing-x: 1.5rem;
--tw-border-spacing-y: 1.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-60 {
--tw-border-spacing-x: 15rem;
--tw-border-spacing-y: 15rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-64 {
--tw-border-spacing-x: 16rem;
--tw-border-spacing-y: 16rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-7 {
--tw-border-spacing-x: 1.75rem;
--tw-border-spacing-y: 1.75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-72 {
--tw-border-spacing-x: 18rem;
--tw-border-spacing-y: 18rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-8 {
--tw-border-spacing-x: 2rem;
--tw-border-spacing-y: 2rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-80 {
--tw-border-spacing-x: 20rem;
--tw-border-spacing-y: 20rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-9 {
--tw-border-spacing-x: 2.25rem;
--tw-border-spacing-y: 2.25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-96 {
--tw-border-spacing-x: 24rem;
--tw-border-spacing-y: 24rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-\\[12px\\] {
--tw-border-spacing-x: 12px;
--tw-border-spacing-y: 12px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-px {
--tw-border-spacing-x: 1px;
--tw-border-spacing-y: 1px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-0 {
--tw-border-spacing-x: 0px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-0\\.5 {
--tw-border-spacing-x: .125rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-1 {
--tw-border-spacing-x: .25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-1\\.5 {
--tw-border-spacing-x: .375rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-10 {
--tw-border-spacing-x: 2.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-11 {
--tw-border-spacing-x: 2.75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-12 {
--tw-border-spacing-x: 3rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-14 {
--tw-border-spacing-x: 3.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-16 {
--tw-border-spacing-x: 4rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-2 {
--tw-border-spacing-x: .5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-2\\.5 {
--tw-border-spacing-x: .625rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-20 {
--tw-border-spacing-x: 5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-24 {
--tw-border-spacing-x: 6rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-28 {
--tw-border-spacing-x: 7rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-3 {
--tw-border-spacing-x: .75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-3\\.5 {
--tw-border-spacing-x: .875rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-32 {
--tw-border-spacing-x: 8rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-36 {
--tw-border-spacing-x: 9rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-4 {
--tw-border-spacing-x: 1rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-40 {
--tw-border-spacing-x: 10rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-44 {
--tw-border-spacing-x: 11rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-48 {
--tw-border-spacing-x: 12rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-5 {
--tw-border-spacing-x: 1.25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-52 {
--tw-border-spacing-x: 13rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-56 {
--tw-border-spacing-x: 14rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-6 {
--tw-border-spacing-x: 1.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-60 {
--tw-border-spacing-x: 15rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-64 {
--tw-border-spacing-x: 16rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-7 {
--tw-border-spacing-x: 1.75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-72 {
--tw-border-spacing-x: 18rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-8 {
--tw-border-spacing-x: 2rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-80 {
--tw-border-spacing-x: 20rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-9 {
--tw-border-spacing-x: 2.25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-96 {
--tw-border-spacing-x: 24rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-\\[23px\\] {
--tw-border-spacing-x: 23px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-px {
--tw-border-spacing-x: 1px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-0 {
--tw-border-spacing-y: 0px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-0\\.5 {
--tw-border-spacing-y: .125rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-1 {
--tw-border-spacing-y: .25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-1\\.5 {
--tw-border-spacing-y: .375rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-10 {
--tw-border-spacing-y: 2.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-11 {
--tw-border-spacing-y: 2.75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-12 {
--tw-border-spacing-y: 3rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-14 {
--tw-border-spacing-y: 3.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-16 {
--tw-border-spacing-y: 4rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-2 {
--tw-border-spacing-y: .5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-2\\.5 {
--tw-border-spacing-y: .625rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-20 {
--tw-border-spacing-y: 5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-24 {
--tw-border-spacing-y: 6rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-28 {
--tw-border-spacing-y: 7rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-3 {
--tw-border-spacing-y: .75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-3\\.5 {
--tw-border-spacing-y: .875rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-32 {
--tw-border-spacing-y: 8rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-36 {
--tw-border-spacing-y: 9rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-4 {
--tw-border-spacing-y: 1rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-40 {
--tw-border-spacing-y: 10rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-44 {
--tw-border-spacing-y: 11rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-48 {
--tw-border-spacing-y: 12rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-5 {
--tw-border-spacing-y: 1.25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-52 {
--tw-border-spacing-y: 13rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-56 {
--tw-border-spacing-y: 14rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-6 {
--tw-border-spacing-y: 1.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-60 {
--tw-border-spacing-y: 15rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-64 {
--tw-border-spacing-y: 16rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-7 {
--tw-border-spacing-y: 1.75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-72 {
--tw-border-spacing-y: 18rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-8 {
--tw-border-spacing-y: 2rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-80 {
--tw-border-spacing-y: 20rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-9 {
--tw-border-spacing-y: 2.25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-96 {
--tw-border-spacing-y: 24rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-\\[34px\\] {
--tw-border-spacing-y: 34px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-px {
--tw-border-spacing-y: 1px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
"
`;

233
tests/plugins/__snapshots__/borderWidth.test.js.snap Normal file
View file

@ -0,0 +1,233 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'borderWidth' plugin 1`] = `
"
.border {
border-width: 1px;
}
.border-0 {
border-width: 0;
}
.border-2 {
border-width: 2px;
}
.border-4 {
border-width: 4px;
}
.border-8 {
border-width: 8px;
}
.border-\\[12px\\] {
border-width: 12px;
}
.border-x {
border-left-width: 1px;
border-right-width: 1px;
}
.border-x-0 {
border-left-width: 0;
border-right-width: 0;
}
.border-x-2 {
border-left-width: 2px;
border-right-width: 2px;
}
.border-x-4 {
border-left-width: 4px;
border-right-width: 4px;
}
.border-x-8 {
border-left-width: 8px;
border-right-width: 8px;
}
.border-x-\\[23px\\] {
border-left-width: 23px;
border-right-width: 23px;
}
.border-y {
border-top-width: 1px;
border-bottom-width: 1px;
}
.border-y-0 {
border-top-width: 0;
border-bottom-width: 0;
}
.border-y-2 {
border-top-width: 2px;
border-bottom-width: 2px;
}
.border-y-4 {
border-top-width: 4px;
border-bottom-width: 4px;
}
.border-y-8 {
border-top-width: 8px;
border-bottom-width: 8px;
}
.border-y-\\[34px\\] {
border-top-width: 34px;
border-bottom-width: 34px;
}
.border-b {
border-bottom-width: 1px;
}
.border-b-0 {
border-bottom-width: 0;
}
.border-b-2 {
border-bottom-width: 2px;
}
.border-b-4 {
border-bottom-width: 4px;
}
.border-b-8 {
border-bottom-width: 8px;
}
.border-b-\\[89px\\] {
border-bottom-width: 89px;
}
.border-e {
border-inline-end-width: 1px;
}
.border-e-0 {
border-inline-end-width: 0;
}
.border-e-2 {
border-inline-end-width: 2px;
}
.border-e-4 {
border-inline-end-width: 4px;
}
.border-e-8 {
border-inline-end-width: 8px;
}
.border-e-\\[56px\\] {
border-inline-end-width: 56px;
}
.border-l {
border-left-width: 1px;
}
.border-l-0 {
border-left-width: 0;
}
.border-l-2 {
border-left-width: 2px;
}
.border-l-4 {
border-left-width: 4px;
}
.border-l-8 {
border-left-width: 8px;
}
.border-l-\\[90px\\] {
border-left-width: 90px;
}
.border-r {
border-right-width: 1px;
}
.border-r-0 {
border-right-width: 0;
}
.border-r-2 {
border-right-width: 2px;
}
.border-r-4 {
border-right-width: 4px;
}
.border-r-8 {
border-right-width: 8px;
}
.border-r-\\[78px\\] {
border-right-width: 78px;
}
.border-s {
border-inline-start-width: 1px;
}
.border-s-0 {
border-inline-start-width: 0;
}
.border-s-2 {
border-inline-start-width: 2px;
}
.border-s-4 {
border-inline-start-width: 4px;
}
.border-s-8 {
border-inline-start-width: 8px;
}
.border-s-\\[45px\\] {
border-inline-start-width: 45px;
}
.border-t {
border-top-width: 1px;
}
.border-t-0 {
border-top-width: 0;
}
.border-t-2 {
border-top-width: 2px;
}
.border-t-4 {
border-top-width: 4px;
}
.border-t-8 {
border-top-width: 8px;
}
.border-t-\\[67px\\] {
border-top-width: 67px;
}
"
`;

19625
tests/plugins/__snapshots__/boxShadowColor.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

15697
tests/plugins/__snapshots__/caretColor.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

117
tests/plugins/__snapshots__/columns.test.js.snap Normal file
View file

@ -0,0 +1,117 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'columns' plugin 1`] = `
"
.columns-1 {
columns: 1;
}
.columns-10 {
columns: 10;
}
.columns-11 {
columns: 11;
}
.columns-12 {
columns: 12;
}
.columns-2 {
columns: 2;
}
.columns-2xl {
columns: 42rem;
}
.columns-2xs {
columns: 18rem;
}
.columns-3 {
columns: 3;
}
.columns-3xl {
columns: 48rem;
}
.columns-3xs {
columns: 16rem;
}
.columns-4 {
columns: 4;
}
.columns-4xl {
columns: 56rem;
}
.columns-5 {
columns: 5;
}
.columns-5xl {
columns: 64rem;
}
.columns-6 {
columns: 6;
}
.columns-6xl {
columns: 72rem;
}
.columns-7 {
columns: 7;
}
.columns-7xl {
columns: 80rem;
}
.columns-8 {
columns: 8;
}
.columns-9 {
columns: 9;
}
.columns-\\[12\\] {
columns: 12;
}
.columns-\\[var\\(--my-value\\)\\] {
columns: var(--my-value);
}
.columns-auto {
columns: auto;
}
.columns-lg {
columns: 32rem;
}
.columns-md {
columns: 28rem;
}
.columns-sm {
columns: 24rem;
}
.columns-xl {
columns: 36rem;
}
.columns-xs {
columns: 20rem;
}
"
`;

89
tests/plugins/__snapshots__/display.test.js.snap Normal file
View file

@ -0,0 +1,89 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'display' plugin 1`] = `
"
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.inline-table {
display: inline-table;
}
.table-caption {
display: table-caption;
}
.table-cell {
display: table-cell;
}
.table-column {
display: table-column;
}
.table-column-group {
display: table-column-group;
}
.table-footer-group {
display: table-footer-group;
}
.table-header-group {
display: table-header-group;
}
.table-row-group {
display: table-row-group;
}
.table-row {
display: table-row;
}
.flow-root {
display: flow-root;
}
.grid {
display: grid;
}
.inline-grid {
display: inline-grid;
}
.contents {
display: contents;
}
.list-item {
display: list-item;
}
.hidden {
display: none;
}
"
`;

31698
tests/plugins/__snapshots__/divideColor.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

217
tests/plugins/__snapshots__/divideWidth.test.js.snap Normal file
View file

@ -0,0 +1,217 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'divideWidth' plugin 1`] = `
"
.divide-x > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-right-width: calc(1px * var(--tw-divide-x-reverse));
border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-0 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-right-width: calc(0px * var(--tw-divide-x-reverse));
border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-right-width: calc(2px * var(--tw-divide-x-reverse));
border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-right-width: calc(4px * var(--tw-divide-x-reverse));
border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-8 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-right-width: calc(8px * var(--tw-divide-x-reverse));
border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-\\[0\\] > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-right-width: calc(0px * var(--tw-divide-x-reverse));
border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-\\[12px\\] > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-right-width: calc(12px * var(--tw-divide-x-reverse));
border-left-width: calc(12px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-\\[var\\(--my-value\\)\\] > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-right-width: calc(var(--my-value) * var(--tw-divide-x-reverse));
border-left-width: calc(var(--my-value) * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-y-0 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
}
.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}
.divide-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
}
.divide-y-8 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
}
.divide-y-\\[0\\] > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
}
.divide-y-\\[34px\\] > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(34px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(34px * var(--tw-divide-y-reverse));
}
.divide-y-\\[var\\(--my-value\\)\\] > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(var(--my-value) * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(var(--my-value) * var(--tw-divide-y-reverse));
}
.divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 1;
}
.divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 1;
}
"
`;
exports[`should test the 'divideWidth' plugin 2`] = `
"
.divide-x > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-inline-end-width: calc(1px * var(--tw-divide-x-reverse));
border-inline-start-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-0 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-inline-end-width: calc(0px * var(--tw-divide-x-reverse));
border-inline-start-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-inline-end-width: calc(2px * var(--tw-divide-x-reverse));
border-inline-start-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-inline-end-width: calc(4px * var(--tw-divide-x-reverse));
border-inline-start-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-8 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-inline-end-width: calc(8px * var(--tw-divide-x-reverse));
border-inline-start-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-\\[0\\] > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-inline-end-width: calc(0px * var(--tw-divide-x-reverse));
border-inline-start-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-\\[12px\\] > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-inline-end-width: calc(12px * var(--tw-divide-x-reverse));
border-inline-start-width: calc(12px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-\\[var\\(--my-value\\)\\] > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-inline-end-width: calc(var(--my-value) * var(--tw-divide-x-reverse));
border-inline-start-width: calc(var(--my-value) * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-y-0 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
}
.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}
.divide-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
}
.divide-y-8 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
}
.divide-y-\\[0\\] > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
}
.divide-y-\\[34px\\] > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(34px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(34px * var(--tw-divide-y-reverse));
}
.divide-y-\\[var\\(--my-value\\)\\] > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(var(--my-value) * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(var(--my-value) * var(--tw-divide-y-reverse));
}
.divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 1;
}
.divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 1;
}
"
`;

15701
tests/plugins/__snapshots__/fill.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

265
tests/plugins/__snapshots__/flexBasis.test.js.snap Normal file
View file

@ -0,0 +1,265 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'flexBasis' plugin 1`] = `
"
.basis-0 {
flex-basis: 0;
}
.basis-0\\.5 {
flex-basis: .125rem;
}
.basis-1 {
flex-basis: .25rem;
}
.basis-1\\.5 {
flex-basis: .375rem;
}
.basis-1\\/12 {
flex-basis: 8.33333%;
}
.basis-1\\/2 {
flex-basis: 50%;
}
.basis-1\\/3 {
flex-basis: 33.3333%;
}
.basis-1\\/4 {
flex-basis: 25%;
}
.basis-1\\/5 {
flex-basis: 20%;
}
.basis-1\\/6 {
flex-basis: 16.6667%;
}
.basis-10 {
flex-basis: 2.5rem;
}
.basis-10\\/12 {
flex-basis: 83.3333%;
}
.basis-11 {
flex-basis: 2.75rem;
}
.basis-11\\/12 {
flex-basis: 91.6667%;
}
.basis-12 {
flex-basis: 3rem;
}
.basis-14 {
flex-basis: 3.5rem;
}
.basis-16 {
flex-basis: 4rem;
}
.basis-2 {
flex-basis: .5rem;
}
.basis-2\\.5 {
flex-basis: .625rem;
}
.basis-2\\/12 {
flex-basis: 16.6667%;
}
.basis-2\\/3 {
flex-basis: 66.6667%;
}
.basis-2\\/4 {
flex-basis: 50%;
}
.basis-2\\/5 {
flex-basis: 40%;
}
.basis-2\\/6 {
flex-basis: 33.3333%;
}
.basis-20 {
flex-basis: 5rem;
}
.basis-24 {
flex-basis: 6rem;
}
.basis-28 {
flex-basis: 7rem;
}
.basis-3 {
flex-basis: .75rem;
}
.basis-3\\.5 {
flex-basis: .875rem;
}
.basis-3\\/12 {
flex-basis: 25%;
}
.basis-3\\/4 {
flex-basis: 75%;
}
.basis-3\\/5 {
flex-basis: 60%;
}
.basis-3\\/6 {
flex-basis: 50%;
}
.basis-32 {
flex-basis: 8rem;
}
.basis-36 {
flex-basis: 9rem;
}
.basis-4 {
flex-basis: 1rem;
}
.basis-4\\/12 {
flex-basis: 33.3333%;
}
.basis-4\\/5 {
flex-basis: 80%;
}
.basis-4\\/6 {
flex-basis: 66.6667%;
}
.basis-40 {
flex-basis: 10rem;
}
.basis-44 {
flex-basis: 11rem;
}
.basis-48 {
flex-basis: 12rem;
}
.basis-5 {
flex-basis: 1.25rem;
}
.basis-5\\/12 {
flex-basis: 41.6667%;
}
.basis-5\\/6 {
flex-basis: 83.3333%;
}
.basis-52 {
flex-basis: 13rem;
}
.basis-56 {
flex-basis: 14rem;
}
.basis-6 {
flex-basis: 1.5rem;
}
.basis-6\\/12 {
flex-basis: 50%;
}
.basis-60 {
flex-basis: 15rem;
}
.basis-64 {
flex-basis: 16rem;
}
.basis-7 {
flex-basis: 1.75rem;
}
.basis-7\\/12 {
flex-basis: 58.3333%;
}
.basis-72 {
flex-basis: 18rem;
}
.basis-8 {
flex-basis: 2rem;
}
.basis-8\\/12 {
flex-basis: 66.6667%;
}
.basis-80 {
flex-basis: 20rem;
}
.basis-9 {
flex-basis: 2.25rem;
}
.basis-9\\/12 {
flex-basis: 75%;
}
.basis-96 {
flex-basis: 24rem;
}
.basis-\\[12px\\] {
flex-basis: 12px;
}
.basis-\\[var\\(--my-value\\)\\] {
flex-basis: var(--my-value);
}
.basis-auto {
flex-basis: auto;
}
.basis-full {
flex-basis: 100%;
}
.basis-px {
flex-basis: 1px;
}
"
`;

449
tests/plugins/__snapshots__/gap.test.js.snap Normal file
View file

@ -0,0 +1,449 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'gap' plugin 1`] = `
"
.gap-0 {
gap: 0;
}
.gap-0\\.5 {
gap: .125rem;
}
.gap-1 {
gap: .25rem;
}
.gap-1\\.5 {
gap: .375rem;
}
.gap-10 {
gap: 2.5rem;
}
.gap-11 {
gap: 2.75rem;
}
.gap-12 {
gap: 3rem;
}
.gap-14 {
gap: 3.5rem;
}
.gap-16 {
gap: 4rem;
}
.gap-2 {
gap: .5rem;
}
.gap-2\\.5 {
gap: .625rem;
}
.gap-20 {
gap: 5rem;
}
.gap-24 {
gap: 6rem;
}
.gap-28 {
gap: 7rem;
}
.gap-3 {
gap: .75rem;
}
.gap-3\\.5 {
gap: .875rem;
}
.gap-32 {
gap: 8rem;
}
.gap-36 {
gap: 9rem;
}
.gap-4 {
gap: 1rem;
}
.gap-40 {
gap: 10rem;
}
.gap-44 {
gap: 11rem;
}
.gap-48 {
gap: 12rem;
}
.gap-5 {
gap: 1.25rem;
}
.gap-52 {
gap: 13rem;
}
.gap-56 {
gap: 14rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-60 {
gap: 15rem;
}
.gap-64 {
gap: 16rem;
}
.gap-7 {
gap: 1.75rem;
}
.gap-72 {
gap: 18rem;
}
.gap-8 {
gap: 2rem;
}
.gap-80 {
gap: 20rem;
}
.gap-9 {
gap: 2.25rem;
}
.gap-96 {
gap: 24rem;
}
.gap-\\[12px\\] {
gap: 12px;
}
.gap-\\[var\\(--my-value\\)\\] {
gap: var(--my-value);
}
.gap-px {
gap: 1px;
}
.gap-x-0 {
column-gap: 0;
}
.gap-x-0\\.5 {
column-gap: .125rem;
}
.gap-x-1 {
column-gap: .25rem;
}
.gap-x-1\\.5 {
column-gap: .375rem;
}
.gap-x-10 {
column-gap: 2.5rem;
}
.gap-x-11 {
column-gap: 2.75rem;
}
.gap-x-12 {
column-gap: 3rem;
}
.gap-x-14 {
column-gap: 3.5rem;
}
.gap-x-16 {
column-gap: 4rem;
}
.gap-x-2 {
column-gap: .5rem;
}
.gap-x-2\\.5 {
column-gap: .625rem;
}
.gap-x-20 {
column-gap: 5rem;
}
.gap-x-24 {
column-gap: 6rem;
}
.gap-x-28 {
column-gap: 7rem;
}
.gap-x-3 {
column-gap: .75rem;
}
.gap-x-3\\.5 {
column-gap: .875rem;
}
.gap-x-32 {
column-gap: 8rem;
}
.gap-x-36 {
column-gap: 9rem;
}
.gap-x-4 {
column-gap: 1rem;
}
.gap-x-40 {
column-gap: 10rem;
}
.gap-x-44 {
column-gap: 11rem;
}
.gap-x-48 {
column-gap: 12rem;
}
.gap-x-5 {
column-gap: 1.25rem;
}
.gap-x-52 {
column-gap: 13rem;
}
.gap-x-56 {
column-gap: 14rem;
}
.gap-x-6 {
column-gap: 1.5rem;
}
.gap-x-60 {
column-gap: 15rem;
}
.gap-x-64 {
column-gap: 16rem;
}
.gap-x-7 {
column-gap: 1.75rem;
}
.gap-x-72 {
column-gap: 18rem;
}
.gap-x-8 {
column-gap: 2rem;
}
.gap-x-80 {
column-gap: 20rem;
}
.gap-x-9 {
column-gap: 2.25rem;
}
.gap-x-96 {
column-gap: 24rem;
}
.gap-x-\\[34px\\] {
column-gap: 34px;
}
.gap-x-\\[var\\(--my-value\\)\\] {
column-gap: var(--my-value);
}
.gap-x-px {
column-gap: 1px;
}
.gap-y-0 {
row-gap: 0;
}
.gap-y-0\\.5 {
row-gap: .125rem;
}
.gap-y-1 {
row-gap: .25rem;
}
.gap-y-1\\.5 {
row-gap: .375rem;
}
.gap-y-10 {
row-gap: 2.5rem;
}
.gap-y-11 {
row-gap: 2.75rem;
}
.gap-y-12 {
row-gap: 3rem;
}
.gap-y-14 {
row-gap: 3.5rem;
}
.gap-y-16 {
row-gap: 4rem;
}
.gap-y-2 {
row-gap: .5rem;
}
.gap-y-2\\.5 {
row-gap: .625rem;
}
.gap-y-20 {
row-gap: 5rem;
}
.gap-y-24 {
row-gap: 6rem;
}
.gap-y-28 {
row-gap: 7rem;
}
.gap-y-3 {
row-gap: .75rem;
}
.gap-y-3\\.5 {
row-gap: .875rem;
}
.gap-y-32 {
row-gap: 8rem;
}
.gap-y-36 {
row-gap: 9rem;
}
.gap-y-4 {
row-gap: 1rem;
}
.gap-y-40 {
row-gap: 10rem;
}
.gap-y-44 {
row-gap: 11rem;
}
.gap-y-48 {
row-gap: 12rem;
}
.gap-y-5 {
row-gap: 1.25rem;
}
.gap-y-52 {
row-gap: 13rem;
}
.gap-y-56 {
row-gap: 14rem;
}
.gap-y-6 {
row-gap: 1.5rem;
}
.gap-y-60 {
row-gap: 15rem;
}
.gap-y-64 {
row-gap: 16rem;
}
.gap-y-7 {
row-gap: 1.75rem;
}
.gap-y-72 {
row-gap: 18rem;
}
.gap-y-8 {
row-gap: 2rem;
}
.gap-y-80 {
row-gap: 20rem;
}
.gap-y-9 {
row-gap: 2.25rem;
}
.gap-y-96 {
row-gap: 24rem;
}
.gap-y-\\[56px\\] {
row-gap: 56px;
}
.gap-y-\\[var\\(--my-value\\)\\] {
row-gap: var(--my-value);
}
.gap-y-px {
row-gap: 1px;
}
"
`;

250
tests/plugins/__snapshots__/height.test.js.snap Normal file
View file

@ -0,0 +1,250 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'height' plugin 1`] = `
"
.h-0 {
height: 0;
}
.h-0\\.5 {
height: .125rem;
}
.h-1 {
height: .25rem;
}
.h-1\\.5 {
height: .375rem;
}
.h-1\\/2 {
height: 50%;
}
.h-1\\/3 {
height: 33.3333%;
}
.h-1\\/4 {
height: 25%;
}
.h-1\\/5 {
height: 20%;
}
.h-1\\/6 {
height: 16.6667%;
}
.h-10 {
height: 2.5rem;
}
.h-11 {
height: 2.75rem;
}
.h-12 {
height: 3rem;
}
.h-14 {
height: 3.5rem;
}
.h-16 {
height: 4rem;
}
.h-2 {
height: .5rem;
}
.h-2\\.5 {
height: .625rem;
}
.h-2\\/3 {
height: 66.6667%;
}
.h-2\\/4 {
height: 50%;
}
.h-2\\/5 {
height: 40%;
}
.h-2\\/6 {
height: 33.3333%;
}
.h-20 {
height: 5rem;
}
.h-24 {
height: 6rem;
}
.h-28 {
height: 7rem;
}
.h-3 {
height: .75rem;
}
.h-3\\.5 {
height: .875rem;
}
.h-3\\/4 {
height: 75%;
}
.h-3\\/5 {
height: 60%;
}
.h-3\\/6 {
height: 50%;
}
.h-32 {
height: 8rem;
}
.h-36 {
height: 9rem;
}
.h-4 {
height: 1rem;
}
.h-4\\/5 {
height: 80%;
}
.h-4\\/6 {
height: 66.6667%;
}
.h-40 {
height: 10rem;
}
.h-44 {
height: 11rem;
}
.h-48 {
height: 12rem;
}
.h-5 {
height: 1.25rem;
}
.h-5\\/6 {
height: 83.3333%;
}
.h-52 {
height: 13rem;
}
.h-56 {
height: 14rem;
}
.h-6 {
height: 1.5rem;
}
.h-60 {
height: 15rem;
}
.h-64 {
height: 16rem;
}
.h-7 {
height: 1.75rem;
}
.h-72 {
height: 18rem;
}
.h-8 {
height: 2rem;
}
.h-80 {
height: 20rem;
}
.h-9 {
height: 2.25rem;
}
.h-96 {
height: 24rem;
}
.h-\\[12px\\] {
height: 12px;
}
.h-\\[var\\(--my-value\\)\\] {
height: var(--my-value);
}
.h-auto {
height: auto;
}
.h-dvh {
height: 100dvh;
}
.h-fit {
height: -moz-fit-content;
height: fit-content;
}
.h-full {
height: 100%;
}
.h-lvh {
height: 100lvh;
}
.h-max {
height: max-content;
}
.h-min {
height: min-content;
}
.h-px {
height: 1px;
}
.h-screen {
height: 100vh;
}
.h-svh {
height: 100svh;
}
"
`;

3243
tests/plugins/__snapshots__/inset.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

2711
tests/plugins/__snapshots__/margin.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

190
tests/plugins/__snapshots__/maxHeight.test.js.snap Normal file
View file

@ -0,0 +1,190 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'maxHeight' plugin 1`] = `
"
.max-h-0 {
max-height: 0;
}
.max-h-0\\.5 {
max-height: .125rem;
}
.max-h-1 {
max-height: .25rem;
}
.max-h-1\\.5 {
max-height: .375rem;
}
.max-h-10 {
max-height: 2.5rem;
}
.max-h-11 {
max-height: 2.75rem;
}
.max-h-12 {
max-height: 3rem;
}
.max-h-14 {
max-height: 3.5rem;
}
.max-h-16 {
max-height: 4rem;
}
.max-h-2 {
max-height: .5rem;
}
.max-h-2\\.5 {
max-height: .625rem;
}
.max-h-20 {
max-height: 5rem;
}
.max-h-24 {
max-height: 6rem;
}
.max-h-28 {
max-height: 7rem;
}
.max-h-3 {
max-height: .75rem;
}
.max-h-3\\.5 {
max-height: .875rem;
}
.max-h-32 {
max-height: 8rem;
}
.max-h-36 {
max-height: 9rem;
}
.max-h-4 {
max-height: 1rem;
}
.max-h-40 {
max-height: 10rem;
}
.max-h-44 {
max-height: 11rem;
}
.max-h-48 {
max-height: 12rem;
}
.max-h-5 {
max-height: 1.25rem;
}
.max-h-52 {
max-height: 13rem;
}
.max-h-56 {
max-height: 14rem;
}
.max-h-6 {
max-height: 1.5rem;
}
.max-h-60 {
max-height: 15rem;
}
.max-h-64 {
max-height: 16rem;
}
.max-h-7 {
max-height: 1.75rem;
}
.max-h-72 {
max-height: 18rem;
}
.max-h-8 {
max-height: 2rem;
}
.max-h-80 {
max-height: 20rem;
}
.max-h-9 {
max-height: 2.25rem;
}
.max-h-96 {
max-height: 24rem;
}
.max-h-\\[12px\\] {
max-height: 12px;
}
.max-h-\\[var\\(--my-value\\)\\] {
max-height: var(--my-value);
}
.max-h-dvh {
max-height: 100dvh;
}
.max-h-fit {
max-height: -moz-fit-content;
max-height: fit-content;
}
.max-h-full {
max-height: 100%;
}
.max-h-lvh {
max-height: 100lvh;
}
.max-h-max {
max-height: max-content;
}
.max-h-min {
max-height: min-content;
}
.max-h-none {
max-height: none;
}
.max-h-px {
max-height: 1px;
}
.max-h-screen {
max-height: 100vh;
}
.max-h-svh {
max-height: 100svh;
}
"
`;

106
tests/plugins/__snapshots__/maxWidth.test.js.snap Normal file
View file

@ -0,0 +1,106 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'maxWidth' plugin 1`] = `
"
.max-w-0 {
max-width: 0;
}
.max-w-2xl {
max-width: 42rem;
}
.max-w-3xl {
max-width: 48rem;
}
.max-w-4xl {
max-width: 56rem;
}
.max-w-5xl {
max-width: 64rem;
}
.max-w-6xl {
max-width: 72rem;
}
.max-w-7xl {
max-width: 80rem;
}
.max-w-\\[12px\\] {
max-width: 12px;
}
.max-w-\\[var\\(--my-value\\)\\] {
max-width: var(--my-value);
}
.max-w-fit {
max-width: -moz-fit-content;
max-width: fit-content;
}
.max-w-full {
max-width: 100%;
}
.max-w-lg {
max-width: 32rem;
}
.max-w-max {
max-width: max-content;
}
.max-w-md {
max-width: 28rem;
}
.max-w-min {
max-width: min-content;
}
.max-w-none {
max-width: none;
}
.max-w-prose {
max-width: 65ch;
}
.max-w-screen-2xl {
max-width: 1536px;
}
.max-w-screen-lg {
max-width: 1024px;
}
.max-w-screen-md {
max-width: 768px;
}
.max-w-screen-sm {
max-width: 640px;
}
.max-w-screen-xl {
max-width: 1280px;
}
.max-w-sm {
max-width: 24rem;
}
.max-w-xl {
max-width: 36rem;
}
.max-w-xs {
max-width: 20rem;
}
"
`;

50
tests/plugins/__snapshots__/minHeight.test.js.snap Normal file
View file

@ -0,0 +1,50 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'minHeight' plugin 1`] = `
"
.min-h-0 {
min-height: 0;
}
.min-h-\\[12px\\] {
min-height: 12px;
}
.min-h-\\[var\\(--my-value\\)\\] {
min-height: var(--my-value);
}
.min-h-dvh {
min-height: 100dvh;
}
.min-h-fit {
min-height: -moz-fit-content;
min-height: fit-content;
}
.min-h-full {
min-height: 100%;
}
.min-h-lvh {
min-height: 100lvh;
}
.min-h-max {
min-height: max-content;
}
.min-h-min {
min-height: min-content;
}
.min-h-screen {
min-height: 100vh;
}
.min-h-svh {
min-height: 100svh;
}
"
`;

34
tests/plugins/__snapshots__/minWidth.test.js.snap Normal file
View file

@ -0,0 +1,34 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'minWidth' plugin 1`] = `
"
.min-w-0 {
min-width: 0;
}
.min-w-\\[12px\\] {
min-width: 12px;
}
.min-w-\\[var\\(--my-value\\)\\] {
min-width: var(--my-value);
}
.min-w-fit {
min-width: -moz-fit-content;
min-width: fit-content;
}
.min-w-full {
min-width: 100%;
}
.min-w-max {
min-width: max-content;
}
.min-w-min {
min-width: min-content;
}
"
`;

73
tests/plugins/__snapshots__/opacity.test.js.snap Normal file
View file

@ -0,0 +1,73 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'opacity' plugin 1`] = `
"
.opacity-0 {
opacity: 0;
}
.opacity-10 {
opacity: .1;
}
.opacity-100 {
opacity: 1;
}
.opacity-20 {
opacity: .2;
}
.opacity-25 {
opacity: .25;
}
.opacity-30 {
opacity: .3;
}
.opacity-40 {
opacity: .4;
}
.opacity-5 {
opacity: .05;
}
.opacity-50 {
opacity: .5;
}
.opacity-60 {
opacity: .6;
}
.opacity-70 {
opacity: .7;
}
.opacity-75 {
opacity: .75;
}
.opacity-80 {
opacity: .8;
}
.opacity-90 {
opacity: .9;
}
.opacity-95 {
opacity: .95;
}
.opacity-\\[12\\%\\] {
opacity: .12;
}
.opacity-\\[var\\(--my-value\\)\\] {
opacity: var(--my-value);
}
"
`;

15697
tests/plugins/__snapshots__/outlineColor.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

61
tests/plugins/__snapshots__/outlineOffset.test.js.snap Normal file
View file

@ -0,0 +1,61 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'outlineOffset' plugin 1`] = `
"
.-outline-offset-0 {
outline-offset: -0px;
}
.-outline-offset-1 {
outline-offset: -1px;
}
.-outline-offset-2 {
outline-offset: -2px;
}
.-outline-offset-4 {
outline-offset: -4px;
}
.-outline-offset-8 {
outline-offset: -8px;
}
.outline-offset-0 {
outline-offset: 0px;
}
.outline-offset-1 {
outline-offset: 1px;
}
.outline-offset-2 {
outline-offset: 2px;
}
.outline-offset-4 {
outline-offset: 4px;
}
.outline-offset-8 {
outline-offset: 8px;
}
.outline-offset-\\[12px\\] {
outline-offset: 12px;
}
.outline-offset-\\[34\\%\\] {
outline-offset: 34%;
}
.outline-offset-\\[56\\] {
outline-offset: 56;
}
.outline-offset-\\[var\\(--my-value\\)\\] {
outline-offset: var(--my-value);
}
"
`;

37
tests/plugins/__snapshots__/outlineWidth.test.js.snap Normal file
View file

@ -0,0 +1,37 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'outlineWidth' plugin 1`] = `
"
.outline-0 {
outline-width: 0;
}
.outline-1 {
outline-width: 1px;
}
.outline-2 {
outline-width: 2px;
}
.outline-4 {
outline-width: 4px;
}
.outline-8 {
outline-width: 8px;
}
.outline-\\[12px\\] {
outline-width: 12px;
}
.outline-\\[34\\%\\] {
outline-width: 34%;
}
.outline-\\[56\\] {
outline-width: 56px;
}
"
`;

1343
tests/plugins/__snapshots__/padding.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

31698
tests/plugins/__snapshots__/placeholderColor.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

73
tests/plugins/__snapshots__/placeholderOpacity.test.js.snap Normal file
View file

@ -0,0 +1,73 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'placeholderOpacity' plugin 1`] = `
"
.placeholder-opacity-0::placeholder {
--tw-placeholder-opacity: 0;
}
.placeholder-opacity-10::placeholder {
--tw-placeholder-opacity: .1;
}
.placeholder-opacity-100::placeholder {
--tw-placeholder-opacity: 1;
}
.placeholder-opacity-20::placeholder {
--tw-placeholder-opacity: .2;
}
.placeholder-opacity-25::placeholder {
--tw-placeholder-opacity: .25;
}
.placeholder-opacity-30::placeholder {
--tw-placeholder-opacity: .3;
}
.placeholder-opacity-40::placeholder {
--tw-placeholder-opacity: .4;
}
.placeholder-opacity-5::placeholder {
--tw-placeholder-opacity: .05;
}
.placeholder-opacity-50::placeholder {
--tw-placeholder-opacity: .5;
}
.placeholder-opacity-60::placeholder {
--tw-placeholder-opacity: .6;
}
.placeholder-opacity-70::placeholder {
--tw-placeholder-opacity: .7;
}
.placeholder-opacity-75::placeholder {
--tw-placeholder-opacity: .75;
}
.placeholder-opacity-80::placeholder {
--tw-placeholder-opacity: .8;
}
.placeholder-opacity-90::placeholder {
--tw-placeholder-opacity: .9;
}
.placeholder-opacity-95::placeholder {
--tw-placeholder-opacity: .95;
}
.placeholder-opacity-\\[0\\.12\\]::placeholder {
--tw-placeholder-opacity: .12;
}
.placeholder-opacity-\\[var\\(--my-value\\)\\]::placeholder {
--tw-placeholder-opacity: var(--my-value);
}
"
`;

387
tests/plugins/__snapshots__/preflight.test.js.snap Normal file
View file

@ -0,0 +1,387 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'preflight' plugin 1`] = `
"
*, :before, :after {
box-sizing: border-box;
border: 0 solid #e5e7eb;
}
:before, :after {
--tw-content: "";
}
html {
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-feature-settings: normal;
font-variation-settings: normal;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
line-height: 1.5;
}
body {
line-height: inherit;
margin: 0;
}
hr {
color: inherit;
border-top-width: 1px;
height: 0;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
button, input, optgroup, select, textarea {
font-feature-settings: inherit;
font-variation-settings: inherit;
font-family: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0;
}
button, select {
text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
background-color: #0000;
background-image: none;
}
:-moz-focusring {
outline: auto;
}
:-moz-ui-invalid {
box-shadow: none;
}
progress {
vertical-align: baseline;
}
:is(::-webkit-inner-spin-button, ::-webkit-outer-spin-button) {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol, ul, menu {
margin: 0;
padding: 0;
list-style: none;
}
dialog {
padding: 0;
}
textarea {
resize: vertical;
}
input::placeholder, textarea::placeholder {
opacity: 1;
color: #9ca3af;
}
button, [role="button"] {
cursor: pointer;
}
:disabled {
cursor: default;
}
img, svg, video, canvas, audio, iframe, embed, object {
vertical-align: middle;
display: block;
}
img, video {
max-width: 100%;
height: auto;
}
[hidden] {
display: none;
}
"
`;
exports[`should test the 'preflight' plugin 2`] = `
"
*, :before, :after {
box-sizing: border-box;
border: 0 solid;
}
:before, :after {
--tw-content: "";
}
html {
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-feature-settings: normal;
font-variation-settings: normal;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
line-height: 1.5;
}
body {
line-height: inherit;
margin: 0;
}
hr {
color: inherit;
border-top-width: 1px;
height: 0;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
button, input, optgroup, select, textarea {
font-feature-settings: inherit;
font-variation-settings: inherit;
font-family: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0;
}
button, select {
text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
background-color: #0000;
background-image: none;
}
:-moz-focusring {
outline: auto;
}
:-moz-ui-invalid {
box-shadow: none;
}
progress {
vertical-align: baseline;
}
:is(::-webkit-inner-spin-button, ::-webkit-outer-spin-button) {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol, ul, menu {
margin: 0;
padding: 0;
list-style: none;
}
dialog {
padding: 0;
}
textarea {
resize: vertical;
}
input::placeholder, textarea::placeholder {
opacity: 1;
color: #9ca3af;
}
button, [role="button"] {
cursor: pointer;
}
:disabled {
cursor: default;
}
img, svg, video, canvas, audio, iframe, embed, object {
vertical-align: middle;
display: block;
}
img, video {
max-width: 100%;
height: auto;
}
[hidden] {
display: none;
}
"
`;

31706
tests/plugins/__snapshots__/ringColor.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

15697
tests/plugins/__snapshots__/ringOffsetColor.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

29
tests/plugins/__snapshots__/ringOffsetWidth.test.js.snap Normal file
View file

@ -0,0 +1,29 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'ringOffsetWidth' plugin 1`] = `
"
.ring-offset-0 {
--tw-ring-offset-width: 0px;
}
.ring-offset-1 {
--tw-ring-offset-width: 1px;
}
.ring-offset-2 {
--tw-ring-offset-width: 2px;
}
.ring-offset-4 {
--tw-ring-offset-width: 4px;
}
.ring-offset-8 {
--tw-ring-offset-width: 8px;
}
.ring-offset-\\[12px\\] {
--tw-ring-offset-width: 12px;
}
"
`;

149
tests/plugins/__snapshots__/ringOpacity.test.js.snap Normal file
View file

@ -0,0 +1,149 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'ringOpacity' plugin 1`] = `
"
.ring-opacity-0 {
--tw-ring-opacity: 0;
}
.ring-opacity-10 {
--tw-ring-opacity: .1;
}
.ring-opacity-100 {
--tw-ring-opacity: 1;
}
.ring-opacity-20 {
--tw-ring-opacity: .2;
}
.ring-opacity-25 {
--tw-ring-opacity: .25;
}
.ring-opacity-30 {
--tw-ring-opacity: .3;
}
.ring-opacity-40 {
--tw-ring-opacity: .4;
}
.ring-opacity-5 {
--tw-ring-opacity: .05;
}
.ring-opacity-50 {
--tw-ring-opacity: .5;
}
.ring-opacity-60 {
--tw-ring-opacity: .6;
}
.ring-opacity-70 {
--tw-ring-opacity: .7;
}
.ring-opacity-75 {
--tw-ring-opacity: .75;
}
.ring-opacity-80 {
--tw-ring-opacity: .8;
}
.ring-opacity-90 {
--tw-ring-opacity: .9;
}
.ring-opacity-95 {
--tw-ring-opacity: .95;
}
.ring-opacity-\\[0\\.12\\] {
--tw-ring-opacity: .12;
}
.ring-opacity-\\[var\\(--my-value\\)\\] {
--tw-ring-opacity: var(--my-value);
}
"
`;
exports[`should test the 'ringOpacity' plugin 2`] = `
"
.ring-opacity {
--tw-ring-opacity: .5;
}
.ring-opacity-0 {
--tw-ring-opacity: 0;
}
.ring-opacity-10 {
--tw-ring-opacity: .1;
}
.ring-opacity-100 {
--tw-ring-opacity: 1;
}
.ring-opacity-20 {
--tw-ring-opacity: .2;
}
.ring-opacity-25 {
--tw-ring-opacity: .25;
}
.ring-opacity-30 {
--tw-ring-opacity: .3;
}
.ring-opacity-40 {
--tw-ring-opacity: .4;
}
.ring-opacity-5 {
--tw-ring-opacity: .05;
}
.ring-opacity-50 {
--tw-ring-opacity: .5;
}
.ring-opacity-60 {
--tw-ring-opacity: .6;
}
.ring-opacity-70 {
--tw-ring-opacity: .7;
}
.ring-opacity-75 {
--tw-ring-opacity: .75;
}
.ring-opacity-80 {
--tw-ring-opacity: .8;
}
.ring-opacity-90 {
--tw-ring-opacity: .9;
}
.ring-opacity-95 {
--tw-ring-opacity: .95;
}
.ring-opacity-\\[0\\.12\\] {
--tw-ring-opacity: .12;
}
.ring-opacity-\\[var\\(--my-value\\)\\] {
--tw-ring-opacity: var(--my-value);
}
"
`;

314
tests/plugins/__snapshots__/ringWidth.test.js.snap Normal file
View file

@ -0,0 +1,314 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'ringWidth' plugin 1`] = `
"
*, :before, :after {
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f680;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
::-webkit-backdrop {
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f680;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
::backdrop {
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f680;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
.ring {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-8 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\\[12px\\] {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(12px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
--tw-ring-inset: inset;
}
"
`;
exports[`should test the 'ringWidth' plugin 2`] = `
"
*, :before, :after {
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f67f;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
::-webkit-backdrop {
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f67f;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
::backdrop {
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f67f;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
.ring {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-8 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\\[12px\\] {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(12px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
--tw-ring-inset: inset;
}
"
`;
exports[`should test the 'ringWidth' plugin 3`] = `
"
*, :before, :after {
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f67f;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
::-webkit-backdrop {
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f67f;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
::backdrop {
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f67f;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
.ring {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-8 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\\[12px\\] {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(12px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
--tw-ring-inset: inset;
}
.ring-opacity {
--tw-ring-opacity: .12;
}
.ring-opacity-0 {
--tw-ring-opacity: 0;
}
.ring-opacity-10 {
--tw-ring-opacity: .1;
}
.ring-opacity-100 {
--tw-ring-opacity: 1;
}
.ring-opacity-20 {
--tw-ring-opacity: .2;
}
.ring-opacity-25 {
--tw-ring-opacity: .25;
}
.ring-opacity-30 {
--tw-ring-opacity: .3;
}
.ring-opacity-40 {
--tw-ring-opacity: .4;
}
.ring-opacity-5 {
--tw-ring-opacity: .05;
}
.ring-opacity-50 {
--tw-ring-opacity: .5;
}
.ring-opacity-60 {
--tw-ring-opacity: .6;
}
.ring-opacity-70 {
--tw-ring-opacity: .7;
}
.ring-opacity-75 {
--tw-ring-opacity: .75;
}
.ring-opacity-80 {
--tw-ring-opacity: .8;
}
.ring-opacity-90 {
--tw-ring-opacity: .9;
}
.ring-opacity-95 {
--tw-ring-opacity: .95;
}
"
`;

105
tests/plugins/__snapshots__/rotate.test.js.snap Normal file
View file

@ -0,0 +1,105 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'rotate' plugin 1`] = `
"
.-rotate-0 {
--tw-rotate: -0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-1 {
--tw-rotate: -1deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-12 {
--tw-rotate: -12deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-180 {
--tw-rotate: -180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-2 {
--tw-rotate: -2deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-3 {
--tw-rotate: -3deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-45 {
--tw-rotate: -45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-6 {
--tw-rotate: -6deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
--tw-rotate: -90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0 {
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-1 {
--tw-rotate: 1deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-12 {
--tw-rotate: 12deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-2 {
--tw-rotate: 2deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-3 {
--tw-rotate: 3deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
--tw-rotate: 45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-6 {
--tw-rotate: 6deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\\[12deg\\] {
--tw-rotate: 12deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\\[var\\(--my-value\\)\\] {
--tw-rotate: var(--my-value);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
"
`;

40
tests/plugins/__snapshots__/saturate.test.js.snap Normal file
View file

@ -0,0 +1,40 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'saturate' plugin 1`] = `
"
.saturate-0 {
--tw-saturate: saturate(0);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.saturate-100 {
--tw-saturate: saturate(1);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.saturate-150 {
--tw-saturate: saturate(1.5);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.saturate-200 {
--tw-saturate: saturate(2);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.saturate-50 {
--tw-saturate: saturate(.5);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.saturate-\\[0\\.12\\] {
--tw-saturate: saturate(.12);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.saturate-\\[var\\(--my-value\\)\\] {
--tw-saturate: saturate(var(--my-value));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
"
`;

357
tests/plugins/__snapshots__/scale.test.js.snap Normal file
View file

@ -0,0 +1,357 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'scale' plugin 1`] = `
"
.-scale-0 {
--tw-scale-x: 0;
--tw-scale-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-100 {
--tw-scale-x: -1;
--tw-scale-y: -1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-105 {
--tw-scale-x: -1.05;
--tw-scale-y: -1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-110 {
--tw-scale-x: -1.1;
--tw-scale-y: -1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-125 {
--tw-scale-x: -1.25;
--tw-scale-y: -1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-150 {
--tw-scale-x: -1.5;
--tw-scale-y: -1.5;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-50 {
--tw-scale-x: -.5;
--tw-scale-y: -.5;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-75 {
--tw-scale-x: -.75;
--tw-scale-y: -.75;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-90 {
--tw-scale-x: -.9;
--tw-scale-y: -.9;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-95 {
--tw-scale-x: -.95;
--tw-scale-y: -.95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-0 {
--tw-scale-x: 0;
--tw-scale-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-105 {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110 {
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-125 {
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-150 {
--tw-scale-x: 1.5;
--tw-scale-y: 1.5;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-50 {
--tw-scale-x: .5;
--tw-scale-y: .5;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-75 {
--tw-scale-x: .75;
--tw-scale-y: .75;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-90 {
--tw-scale-x: .9;
--tw-scale-y: .9;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95 {
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\\[12px\\] {
--tw-scale-x: 12px;
--tw-scale-y: 12px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\\[var\\(--my-value\\)\\] {
--tw-scale-x: var(--my-value);
--tw-scale-y: var(--my-value);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-x-0 {
--tw-scale-x: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-x-100 {
--tw-scale-x: -1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-x-105 {
--tw-scale-x: -1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-x-110 {
--tw-scale-x: -1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-x-125 {
--tw-scale-x: -1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-x-150 {
--tw-scale-x: -1.5;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-x-50 {
--tw-scale-x: -.5;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-x-75 {
--tw-scale-x: -.75;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-x-90 {
--tw-scale-x: -.9;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-x-95 {
--tw-scale-x: -.95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-y-0 {
--tw-scale-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-y-100 {
--tw-scale-y: -1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-y-105 {
--tw-scale-y: -1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-y-110 {
--tw-scale-y: -1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-y-125 {
--tw-scale-y: -1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-y-150 {
--tw-scale-y: -1.5;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-y-50 {
--tw-scale-y: -.5;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-y-75 {
--tw-scale-y: -.75;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-y-90 {
--tw-scale-y: -.9;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-y-95 {
--tw-scale-y: -.95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-0 {
--tw-scale-x: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-100 {
--tw-scale-x: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-105 {
--tw-scale-x: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-110 {
--tw-scale-x: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-125 {
--tw-scale-x: 1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-150 {
--tw-scale-x: 1.5;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-50 {
--tw-scale-x: .5;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-75 {
--tw-scale-x: .75;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-90 {
--tw-scale-x: .9;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-95 {
--tw-scale-x: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-\\[23px\\] {
--tw-scale-x: 23px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-\\[var\\(--my-value\\)\\] {
--tw-scale-x: var(--my-value);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-0 {
--tw-scale-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-100 {
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-105 {
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-110 {
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-125 {
--tw-scale-y: 1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-150 {
--tw-scale-y: 1.5;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-50 {
--tw-scale-y: .5;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-75 {
--tw-scale-y: .75;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-90 {
--tw-scale-y: .9;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-95 {
--tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-\\[34px\\] {
--tw-scale-y: 34px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-\\[var\\(--my-value\\)\\] {
--tw-scale-y: var(--my-value);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
"
`;

2741
tests/plugins/__snapshots__/scrollMargin.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

1411
tests/plugins/__snapshots__/scrollPadding.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

145
tests/plugins/__snapshots__/skew.test.js.snap Normal file
View file

@ -0,0 +1,145 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'skew' plugin 1`] = `
"
.-skew-x-0 {
--tw-skew-x: -0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-skew-x-1 {
--tw-skew-x: -1deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-skew-x-12 {
--tw-skew-x: -12deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-skew-x-2 {
--tw-skew-x: -2deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-skew-x-3 {
--tw-skew-x: -3deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-skew-x-6 {
--tw-skew-x: -6deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-skew-y-0 {
--tw-skew-y: -0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-skew-y-1 {
--tw-skew-y: -1deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-skew-y-12 {
--tw-skew-y: -12deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-skew-y-2 {
--tw-skew-y: -2deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-skew-y-3 {
--tw-skew-y: -3deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-skew-y-6 {
--tw-skew-y: -6deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-x-0 {
--tw-skew-x: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-x-1 {
--tw-skew-x: 1deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-x-12 {
--tw-skew-x: 12deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-x-2 {
--tw-skew-x: 2deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-x-3 {
--tw-skew-x: 3deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-x-6 {
--tw-skew-x: 6deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-x-\\[12px\\] {
--tw-skew-x: 12px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-x-\\[var\\(--my-value\\)\\] {
--tw-skew-x: var(--my-value);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-y-0 {
--tw-skew-y: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-y-1 {
--tw-skew-y: 1deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-y-12 {
--tw-skew-y: 12deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-y-2 {
--tw-skew-y: 2deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-y-3 {
--tw-skew-y: 3deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-y-6 {
--tw-skew-y: 6deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-y-\\[34px\\] {
--tw-skew-y: 34px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-y-\\[var\\(--my-value\\)\\] {
--tw-skew-y: var(--my-value);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
"
`;

1777
tests/plugins/__snapshots__/space.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

15701
tests/plugins/__snapshots__/stroke.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

31698
tests/plugins/__snapshots__/textColor.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

15690
tests/plugins/__snapshots__/textDecorationColor.test.js.snap Normal file
View file

File diff suppressed because it is too large Load diff

293
tests/plugins/__snapshots__/textIndent.test.js.snap Normal file
View file

@ -0,0 +1,293 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'textIndent' plugin 1`] = `
"
.-indent-0 {
text-indent: 0;
}
.-indent-0\\.5 {
text-indent: -.125rem;
}
.-indent-1 {
text-indent: -.25rem;
}
.-indent-1\\.5 {
text-indent: -.375rem;
}
.-indent-10 {
text-indent: -2.5rem;
}
.-indent-11 {
text-indent: -2.75rem;
}
.-indent-12 {
text-indent: -3rem;
}
.-indent-14 {
text-indent: -3.5rem;
}
.-indent-16 {
text-indent: -4rem;
}
.-indent-2 {
text-indent: -.5rem;
}
.-indent-2\\.5 {
text-indent: -.625rem;
}
.-indent-20 {
text-indent: -5rem;
}
.-indent-24 {
text-indent: -6rem;
}
.-indent-28 {
text-indent: -7rem;
}
.-indent-3 {
text-indent: -.75rem;
}
.-indent-3\\.5 {
text-indent: -.875rem;
}
.-indent-32 {
text-indent: -8rem;
}
.-indent-36 {
text-indent: -9rem;
}
.-indent-4 {
text-indent: -1rem;
}
.-indent-40 {
text-indent: -10rem;
}
.-indent-44 {
text-indent: -11rem;
}
.-indent-48 {
text-indent: -12rem;
}
.-indent-5 {
text-indent: -1.25rem;
}
.-indent-52 {
text-indent: -13rem;
}
.-indent-56 {
text-indent: -14rem;
}
.-indent-6 {
text-indent: -1.5rem;
}
.-indent-60 {
text-indent: -15rem;
}
.-indent-64 {
text-indent: -16rem;
}
.-indent-7 {
text-indent: -1.75rem;
}
.-indent-72 {
text-indent: -18rem;
}
.-indent-8 {
text-indent: -2rem;
}
.-indent-80 {
text-indent: -20rem;
}
.-indent-9 {
text-indent: -2.25rem;
}
.-indent-96 {
text-indent: -24rem;
}
.-indent-px {
text-indent: -1px;
}
.indent-0 {
text-indent: 0;
}
.indent-0\\.5 {
text-indent: .125rem;
}
.indent-1 {
text-indent: .25rem;
}
.indent-1\\.5 {
text-indent: .375rem;
}
.indent-10 {
text-indent: 2.5rem;
}
.indent-11 {
text-indent: 2.75rem;
}
.indent-12 {
text-indent: 3rem;
}
.indent-14 {
text-indent: 3.5rem;
}
.indent-16 {
text-indent: 4rem;
}
.indent-2 {
text-indent: .5rem;
}
.indent-2\\.5 {
text-indent: .625rem;
}
.indent-20 {
text-indent: 5rem;
}
.indent-24 {
text-indent: 6rem;
}
.indent-28 {
text-indent: 7rem;
}
.indent-3 {
text-indent: .75rem;
}
.indent-3\\.5 {
text-indent: .875rem;
}
.indent-32 {
text-indent: 8rem;
}
.indent-36 {
text-indent: 9rem;
}
.indent-4 {
text-indent: 1rem;
}
.indent-40 {
text-indent: 10rem;
}
.indent-44 {
text-indent: 11rem;
}
.indent-48 {
text-indent: 12rem;
}
.indent-5 {
text-indent: 1.25rem;
}
.indent-52 {
text-indent: 13rem;
}
.indent-56 {
text-indent: 14rem;
}
.indent-6 {
text-indent: 1.5rem;
}
.indent-60 {
text-indent: 15rem;
}
.indent-64 {
text-indent: 16rem;
}
.indent-7 {
text-indent: 1.75rem;
}
.indent-72 {
text-indent: 18rem;
}
.indent-8 {
text-indent: 2rem;
}
.indent-80 {
text-indent: 20rem;
}
.indent-9 {
text-indent: 2.25rem;
}
.indent-96 {
text-indent: 24rem;
}
.indent-\\[12px\\] {
text-indent: 12px;
}
.indent-\\[var\\(--my-value\\)\\] {
text-indent: var(--my-value);
}
.indent-px {
text-indent: 1px;
}
"
`;

865
tests/plugins/__snapshots__/translate.test.js.snap Normal file
View file

@ -0,0 +1,865 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'translate' plugin 1`] = `
"
.-translate-x-0 {
--tw-translate-x: -0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-0\\.5 {
--tw-translate-x: -.125rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1 {
--tw-translate-x: -.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1\\.5 {
--tw-translate-x: -.375rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1\\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1\\/3 {
--tw-translate-x: -33.3333%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1\\/4 {
--tw-translate-x: -25%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-10 {
--tw-translate-x: -2.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-11 {
--tw-translate-x: -2.75rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-12 {
--tw-translate-x: -3rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-14 {
--tw-translate-x: -3.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-16 {
--tw-translate-x: -4rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-2 {
--tw-translate-x: -.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-2\\.5 {
--tw-translate-x: -.625rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-2\\/3 {
--tw-translate-x: -66.6667%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-2\\/4 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-20 {
--tw-translate-x: -5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-24 {
--tw-translate-x: -6rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-28 {
--tw-translate-x: -7rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-3 {
--tw-translate-x: -.75rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-3\\.5 {
--tw-translate-x: -.875rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-3\\/4 {
--tw-translate-x: -75%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-32 {
--tw-translate-x: -8rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-36 {
--tw-translate-x: -9rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-4 {
--tw-translate-x: -1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-40 {
--tw-translate-x: -10rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-44 {
--tw-translate-x: -11rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-48 {
--tw-translate-x: -12rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-5 {
--tw-translate-x: -1.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-52 {
--tw-translate-x: -13rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-56 {
--tw-translate-x: -14rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-6 {
--tw-translate-x: -1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-60 {
--tw-translate-x: -15rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-64 {
--tw-translate-x: -16rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-7 {
--tw-translate-x: -1.75rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-72 {
--tw-translate-x: -18rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-8 {
--tw-translate-x: -2rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-80 {
--tw-translate-x: -20rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-9 {
--tw-translate-x: -2.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-96 {
--tw-translate-x: -24rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
--tw-translate-x: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-px {
--tw-translate-x: -1px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-0 {
--tw-translate-y: -0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-0\\.5 {
--tw-translate-y: -.125rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1 {
--tw-translate-y: -.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\\.5 {
--tw-translate-y: -.375rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\\/2 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\\/3 {
--tw-translate-y: -33.3333%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\\/4 {
--tw-translate-y: -25%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-10 {
--tw-translate-y: -2.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-11 {
--tw-translate-y: -2.75rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-12 {
--tw-translate-y: -3rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-14 {
--tw-translate-y: -3.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-16 {
--tw-translate-y: -4rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2 {
--tw-translate-y: -.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2\\.5 {
--tw-translate-y: -.625rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2\\/3 {
--tw-translate-y: -66.6667%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2\\/4 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-20 {
--tw-translate-y: -5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-24 {
--tw-translate-y: -6rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-28 {
--tw-translate-y: -7rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-3 {
--tw-translate-y: -.75rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-3\\.5 {
--tw-translate-y: -.875rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-3\\/4 {
--tw-translate-y: -75%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-32 {
--tw-translate-y: -8rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-36 {
--tw-translate-y: -9rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-4 {
--tw-translate-y: -1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-40 {
--tw-translate-y: -10rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-44 {
--tw-translate-y: -11rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-48 {
--tw-translate-y: -12rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-5 {
--tw-translate-y: -1.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-52 {
--tw-translate-y: -13rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-56 {
--tw-translate-y: -14rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-6 {
--tw-translate-y: -1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-60 {
--tw-translate-y: -15rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-64 {
--tw-translate-y: -16rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-7 {
--tw-translate-y: -1.75rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-72 {
--tw-translate-y: -18rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-8 {
--tw-translate-y: -2rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-80 {
--tw-translate-y: -20rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-9 {
--tw-translate-y: -2.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-96 {
--tw-translate-y: -24rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full {
--tw-translate-y: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-px {
--tw-translate-y: -1px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0\\.5 {
--tw-translate-x: .125rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1 {
--tw-translate-x: .25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\\.5 {
--tw-translate-x: .375rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\\/2 {
--tw-translate-x: 50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\\/3 {
--tw-translate-x: 33.3333%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\\/4 {
--tw-translate-x: 25%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-10 {
--tw-translate-x: 2.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-11 {
--tw-translate-x: 2.75rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-12 {
--tw-translate-x: 3rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-14 {
--tw-translate-x: 3.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-16 {
--tw-translate-x: 4rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-2 {
--tw-translate-x: .5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-2\\.5 {
--tw-translate-x: .625rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-2\\/3 {
--tw-translate-x: 66.6667%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-2\\/4 {
--tw-translate-x: 50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-20 {
--tw-translate-x: 5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-24 {
--tw-translate-x: 6rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-28 {
--tw-translate-x: 7rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-3 {
--tw-translate-x: .75rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-3\\.5 {
--tw-translate-x: .875rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-3\\/4 {
--tw-translate-x: 75%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-32 {
--tw-translate-x: 8rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-36 {
--tw-translate-x: 9rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-4 {
--tw-translate-x: 1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-40 {
--tw-translate-x: 10rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-44 {
--tw-translate-x: 11rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-48 {
--tw-translate-x: 12rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-5 {
--tw-translate-x: 1.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-52 {
--tw-translate-x: 13rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-56 {
--tw-translate-x: 14rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-6 {
--tw-translate-x: 1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-60 {
--tw-translate-x: 15rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-64 {
--tw-translate-x: 16rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-7 {
--tw-translate-x: 1.75rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-72 {
--tw-translate-x: 18rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-8 {
--tw-translate-x: 2rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-80 {
--tw-translate-x: 20rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-9 {
--tw-translate-x: 2.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-96 {
--tw-translate-x: 24rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\\[12px\\] {
--tw-translate-x: 12px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\\[var\\(--my-value\\)\\] {
--tw-translate-x: var(--my-value);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full {
--tw-translate-x: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-px {
--tw-translate-x: 1px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0\\.5 {
--tw-translate-y: .125rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1 {
--tw-translate-y: .25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\\.5 {
--tw-translate-y: .375rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\\/2 {
--tw-translate-y: 50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\\/3 {
--tw-translate-y: 33.3333%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\\/4 {
--tw-translate-y: 25%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-10 {
--tw-translate-y: 2.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-11 {
--tw-translate-y: 2.75rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-12 {
--tw-translate-y: 3rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-14 {
--tw-translate-y: 3.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-16 {
--tw-translate-y: 4rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2 {
--tw-translate-y: .5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2\\.5 {
--tw-translate-y: .625rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2\\/3 {
--tw-translate-y: 66.6667%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2\\/4 {
--tw-translate-y: 50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-20 {
--tw-translate-y: 5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-24 {
--tw-translate-y: 6rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-28 {
--tw-translate-y: 7rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-3 {
--tw-translate-y: .75rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-3\\.5 {
--tw-translate-y: .875rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-3\\/4 {
--tw-translate-y: 75%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-32 {
--tw-translate-y: 8rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-36 {
--tw-translate-y: 9rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-4 {
--tw-translate-y: 1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-40 {
--tw-translate-y: 10rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-44 {
--tw-translate-y: 11rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-48 {
--tw-translate-y: 12rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-5 {
--tw-translate-y: 1.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-52 {
--tw-translate-y: 13rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-56 {
--tw-translate-y: 14rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-6 {
--tw-translate-y: 1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-60 {
--tw-translate-y: 15rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-64 {
--tw-translate-y: 16rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-7 {
--tw-translate-y: 1.75rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-72 {
--tw-translate-y: 18rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-8 {
--tw-translate-y: 2rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-80 {
--tw-translate-y: 20rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-9 {
--tw-translate-y: 2.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-96 {
--tw-translate-y: 24rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\\[12px\\] {
--tw-translate-y: 12px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\\[var\\(--my-value\\)\\] {
--tw-translate-y: var(--my-value);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full {
--tw-translate-y: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-px {
--tw-translate-y: 1px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
"
`;

294
tests/plugins/__snapshots__/width.test.js.snap Normal file
View file

@ -0,0 +1,294 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should test the 'width' plugin 1`] = `
"
.w-0 {
width: 0;
}
.w-0\\.5 {
width: .125rem;
}
.w-1 {
width: .25rem;
}
.w-1\\.5 {
width: .375rem;
}
.w-1\\/12 {
width: 8.33333%;
}
.w-1\\/2 {
width: 50%;
}
.w-1\\/3 {
width: 33.3333%;
}
.w-1\\/4 {
width: 25%;
}
.w-1\\/5 {
width: 20%;
}
.w-1\\/6 {
width: 16.6667%;
}
.w-10 {
width: 2.5rem;
}
.w-10\\/12 {
width: 83.3333%;
}
.w-11 {
width: 2.75rem;
}
.w-11\\/12 {
width: 91.6667%;
}
.w-12 {
width: 3rem;
}
.w-14 {
width: 3.5rem;
}
.w-16 {
width: 4rem;
}
.w-2 {
width: .5rem;
}
.w-2\\.5 {
width: .625rem;
}
.w-2\\/12 {
width: 16.6667%;
}
.w-2\\/3 {
width: 66.6667%;
}
.w-2\\/4 {
width: 50%;
}
.w-2\\/5 {
width: 40%;
}
.w-2\\/6 {
width: 33.3333%;
}
.w-20 {
width: 5rem;
}
.w-24 {
width: 6rem;
}
.w-28 {
width: 7rem;
}
.w-3 {
width: .75rem;
}
.w-3\\.5 {
width: .875rem;
}
.w-3\\/12 {
width: 25%;
}
.w-3\\/4 {
width: 75%;
}
.w-3\\/5 {
width: 60%;
}
.w-3\\/6 {
width: 50%;
}
.w-32 {
width: 8rem;
}
.w-36 {
width: 9rem;
}
.w-4 {
width: 1rem;
}
.w-4\\/12 {
width: 33.3333%;
}
.w-4\\/5 {
width: 80%;
}
.w-4\\/6 {
width: 66.6667%;
}
.w-40 {
width: 10rem;
}
.w-44 {
width: 11rem;
}
.w-48 {
width: 12rem;
}
.w-5 {
width: 1.25rem;
}
.w-5\\/12 {
width: 41.6667%;
}
.w-5\\/6 {
width: 83.3333%;
}
.w-52 {
width: 13rem;
}
.w-56 {
width: 14rem;
}
.w-6 {
width: 1.5rem;
}
.w-6\\/12 {
width: 50%;
}
.w-60 {
width: 15rem;
}
.w-64 {
width: 16rem;
}
.w-7 {
width: 1.75rem;
}
.w-7\\/12 {
width: 58.3333%;
}
.w-72 {
width: 18rem;
}
.w-8 {
width: 2rem;
}
.w-8\\/12 {
width: 66.6667%;
}
.w-80 {
width: 20rem;
}
.w-9 {
width: 2.25rem;
}
.w-9\\/12 {
width: 75%;
}
.w-96 {
width: 24rem;
}
.w-\\[12px\\] {
width: 12px;
}
.w-\\[var\\(--my-value\\)\\] {
width: var(--my-value);
}
.w-auto {
width: auto;
}
.w-dvw {
width: 100dvw;
}
.w-fit {
width: -moz-fit-content;
width: fit-content;
}
.w-full {
width: 100%;
}
.w-lvw {
width: 100lvw;
}
.w-max {
width: max-content;
}
.w-min {
width: min-content;
}
.w-px {
width: 1px;
}
.w-screen {
width: 100vw;
}
.w-svw {
width: 100svw;
}
"
`;

9
tests/plugins/accentColor.test.js Normal file
View file

@ -0,0 +1,9 @@
import { quickPluginTest } from '../util/run'
quickPluginTest('accentColor', {
safelist: [
// Arbitrary values
'accent-[#0088cc]',
'accent-[var(--my-value)]',
],
}).toMatchSnapshot()

25
tests/plugins/accessibility.test.js Normal file
View file

@ -0,0 +1,25 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('accessibility').toMatchFormattedCss(css`
.sr-only {
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.not-sr-only {
clip: auto;
white-space: normal;
width: auto;
height: auto;
margin: 0;
padding: 0;
position: static;
overflow: visible;
}
`)

31
tests/plugins/alignContent.test.js Normal file
View file

@ -0,0 +1,31 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('alignContent').toMatchFormattedCss(css`
.content-normal {
align-content: normal;
}
.content-center {
align-content: center;
}
.content-start {
align-content: flex-start;
}
.content-end {
align-content: flex-end;
}
.content-between {
align-content: space-between;
}
.content-around {
align-content: space-around;
}
.content-evenly {
align-content: space-evenly;
}
.content-baseline {
align-content: baseline;
}
.content-stretch {
align-content: stretch;
}
`)

19
tests/plugins/alignItems.test.js Normal file
View file

@ -0,0 +1,19 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('alignItems').toMatchFormattedCss(css`
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.items-baseline {
align-items: baseline;
}
.items-stretch {
align-items: stretch;
}
`)

22
tests/plugins/alignSelf.test.js Normal file
View file

@ -0,0 +1,22 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('alignSelf').toMatchFormattedCss(css`
.self-auto {
align-self: auto;
}
.self-start {
align-self: flex-start;
}
.self-end {
align-self: flex-end;
}
.self-center {
align-self: center;
}
.self-stretch {
align-self: stretch;
}
.self-baseline {
align-self: baseline;
}
`)

316
tests/plugins/animation.test.js Normal file
View file

@ -0,0 +1,316 @@
import { run, html, css, quickPluginTest } from '../util/run'
quickPluginTest('animation', {
safelist: [
// Arbitrary values
'animate-[1s_infinite_example]',
'animate-[var(--my-value)]',
],
}).toMatchFormattedCss(css`
.animate-\[1s_infinite_example\] {
animation: 1s infinite example;
}
.animate-\[var\(--my-value\)\] {
animation: var(--my-value);
}
@keyframes bounce {
0%,
100% {
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
transform: translateY(-25%);
}
50% {
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
transform: none;
}
}
.animate-bounce {
animation: 1s infinite bounce;
}
.animate-none {
animation: none;
}
@keyframes ping {
75%,
100% {
opacity: 0;
transform: scale(2);
}
}
.animate-ping {
animation: 1s cubic-bezier(0, 0, 0.2, 1) infinite ping;
}
@keyframes pulse {
50% {
opacity: 0.5;
}
}
.animate-pulse {
animation: 2s cubic-bezier(0.4, 0, 0.6, 1) infinite pulse;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.animate-spin {
animation: 1s linear infinite spin;
}
`)
test('custom', () => {
let config = {
content: [{ raw: html`<div class="animate-one"></div>` }],
theme: {
extend: {
keyframes: {
one: { to: { transform: 'rotate(360deg)' } },
},
animation: {
one: 'one 2s',
},
},
},
}
return run('@tailwind utilities', config).then((result) => {
expect(result.css).toMatchFormattedCss(css`
@keyframes one {
to {
transform: rotate(360deg);
}
}
.animate-one {
animation: 2s one;
}
`)
})
})
test('custom prefixed', () => {
let config = {
prefix: 'tw-',
content: [{ raw: `<div class="tw-animate-one"></div>` }],
theme: {
extend: {
keyframes: {
one: { to: { transform: 'rotate(360deg)' } },
},
animation: {
one: 'one 2s',
},
},
},
}
return run('@tailwind utilities', config).then((result) => {
expect(result.css).toMatchFormattedCss(css`
@keyframes tw-one {
to {
transform: rotate(360deg);
}
}
.tw-animate-one {
animation: 2s tw-one;
}
`)
})
})
test('multiple', () => {
let config = {
content: [{ raw: html`<div class="animate-multiple"></div>` }],
theme: {
extend: {
animation: {
multiple: 'bounce 2s linear, pulse 3s ease-in',
},
},
},
}
return run('@tailwind utilities', config).then((result) => {
expect(result.css).toMatchFormattedCss(css`
@keyframes bounce {
0%,
100% {
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
transform: translateY(-25%);
}
50% {
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
transform: none;
}
}
@keyframes pulse {
50% {
opacity: 0.5;
}
}
.animate-multiple {
animation: 2s linear bounce, 3s ease-in pulse;
}
`)
})
})
test('multiple custom', () => {
let config = {
content: [{ raw: html`<div class="animate-multiple"></div>` }],
theme: {
extend: {
keyframes: {
one: { to: { transform: 'rotate(360deg)' } },
two: { to: { transform: 'scale(1.23)' } },
},
animation: {
multiple: 'one 2s, two 3s',
},
},
},
}
return run('@tailwind utilities', config).then((result) => {
expect(result.css).toMatchFormattedCss(css`
@keyframes one {
to {
transform: rotate(360deg);
}
}
@keyframes two {
to {
transform: scale(1.23);
}
}
.animate-multiple {
animation: 2s one, 3s two;
}
`)
})
})
test('with dots in the name', () => {
let config = {
content: [
{
raw: html`
<div class="animate-zoom-0.5"></div>
<div class="animate-zoom-1.5"></div>
`,
},
],
theme: {
extend: {
keyframes: {
'zoom-0.5': { to: { transform: 'scale(0.5)' } },
'zoom-1.5': { to: { transform: 'scale(1.5)' } },
},
animation: {
'zoom-0.5': 'zoom-0.5 2s',
'zoom-1.5': 'zoom-1.5 2s',
},
},
},
}
return run('@tailwind utilities', config).then((result) => {
expect(result.css).toMatchFormattedCss(css`
@keyframes zoom-0\.5 {
to {
transform: scale(0.5);
}
}
.animate-zoom-0\.5 {
animation: 2s zoom-0\.5;
}
@keyframes zoom-1\.5 {
to {
transform: scale(1.5);
}
}
.animate-zoom-1\.5 {
animation: 2s zoom-1\.5;
}
`)
})
})
test('with dots in the name and prefix', () => {
let config = {
prefix: 'tw-',
content: [
{
raw: html`
<div class="tw-animate-zoom-.5"></div>
<div class="tw-animate-zoom-1.5"></div>
`,
},
],
theme: {
extend: {
keyframes: {
'zoom-.5': { to: { transform: 'scale(0.5)' } },
'zoom-1.5': { to: { transform: 'scale(1.5)' } },
},
animation: {
'zoom-.5': 'zoom-.5 2s',
'zoom-1.5': 'zoom-1.5 2s',
},
},
},
}
return run('@tailwind utilities', config).then((result) => {
expect(result.css).toMatchFormattedCss(css`
@keyframes tw-zoom-\.5 {
to {
transform: scale(0.5);
}
}
.tw-animate-zoom-\.5 {
animation: 2s tw-zoom-\.5;
}
@keyframes tw-zoom-1\.5 {
to {
transform: scale(1.5);
}
}
.tw-animate-zoom-1\.5 {
animation: 2s tw-zoom-1\.5;
}
`)
})
})
test('special character prefixes are escaped in animation names', () => {
let config = {
prefix: '@',
content: [{ raw: `<div class="@animate-one"></div>` }],
theme: {
extend: {
keyframes: {
one: { to: { transform: 'rotate(360deg)' } },
},
animation: {
one: 'one 2s',
},
},
},
}
return run('@tailwind utilities', config).then((result) => {
expect(result.css).toMatchFormattedCss(css`
@keyframes \@one {
to {
transform: rotate(360deg);
}
}
.\@animate-one {
animation: 2s \@one;
}
`)
})
})

8
tests/plugins/appearance.test.js Normal file
View file

@ -0,0 +1,8 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('appearance').toMatchFormattedCss(css`
.appearance-none {
-webkit-appearance: none;
appearance: none;
}
`)

13
tests/plugins/aspectRatio.test.js Normal file
View file

@ -0,0 +1,13 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('aspectRatio').toMatchFormattedCss(css`
.aspect-auto {
aspect-ratio: auto;
}
.aspect-square {
aspect-ratio: 1;
}
.aspect-video {
aspect-ratio: 16 / 9;
}
`)

131
tests/plugins/backdropBlur.test.js Normal file
View file

@ -0,0 +1,131 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('backdropBlur', {
safelist: [
// Arbitrary values
'backdrop-blur-[12px]',
'backdrop-blur-[var(--my-value)]',
],
}).toMatchFormattedCss(css`
.backdrop-blur {
--tw-backdrop-blur: blur(8px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-blur-0 {
--tw-backdrop-blur: blur(0);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-blur-2xl {
--tw-backdrop-blur: blur(40px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-blur-3xl {
--tw-backdrop-blur: blur(64px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-blur-\[12px\] {
--tw-backdrop-blur: blur(12px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-blur-\[var\(--my-value\)\] {
--tw-backdrop-blur: blur(var(--my-value));
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-blur-lg {
--tw-backdrop-blur: blur(16px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
--tw-backdrop-blur: blur(12px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-blur-none {
--tw-backdrop-blur: blur(0);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(4px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
--tw-backdrop-blur: blur(24px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
`)

153
tests/plugins/backdropBrightness.test.js Normal file
View file

@ -0,0 +1,153 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('backdropBrightness', {
safelist: [
// Arbitrary values
'backdrop-brightness-[.12]',
'backdrop-brightness-[var(--my-value)]',
],
}).toMatchFormattedCss(css`
.backdrop-brightness-0 {
--tw-backdrop-brightness: brightness(0);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-brightness-100 {
--tw-backdrop-brightness: brightness(1);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-brightness-105 {
--tw-backdrop-brightness: brightness(1.05);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-brightness-110 {
--tw-backdrop-brightness: brightness(1.1);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-brightness-125 {
--tw-backdrop-brightness: brightness(1.25);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-brightness-150 {
--tw-backdrop-brightness: brightness(1.5);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-brightness-200 {
--tw-backdrop-brightness: brightness(2);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-brightness-50 {
--tw-backdrop-brightness: brightness(0.5);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-brightness-75 {
--tw-backdrop-brightness: brightness(0.75);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-brightness-90 {
--tw-backdrop-brightness: brightness(0.9);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-brightness-95 {
--tw-backdrop-brightness: brightness(0.95);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-brightness-\[\.12\] {
--tw-backdrop-brightness: brightness(0.12);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-brightness-\[var\(--my-value\)\] {
--tw-backdrop-brightness: brightness(var(--my-value));
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
`)

109
tests/plugins/backdropContrast.test.js Normal file
View file

@ -0,0 +1,109 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('backdropContrast', {
safelist: [
// Arbitrary values
'backdrop-contrast-[.12]',
'backdrop-contrast-[var(--my-value)]',
],
}).toMatchFormattedCss(css`
.backdrop-contrast-0 {
--tw-backdrop-contrast: contrast(0);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-contrast-100 {
--tw-backdrop-contrast: contrast(1);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-contrast-125 {
--tw-backdrop-contrast: contrast(1.25);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-contrast-150 {
--tw-backdrop-contrast: contrast(1.5);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-contrast-200 {
--tw-backdrop-contrast: contrast(2);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-contrast-50 {
--tw-backdrop-contrast: contrast(0.5);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-contrast-75 {
--tw-backdrop-contrast: contrast(0.75);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-contrast-\[\.12\] {
--tw-backdrop-contrast: contrast(0.12);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-contrast-\[var\(--my-value\)\] {
--tw-backdrop-contrast: contrast(var(--my-value));
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
`)

53
tests/plugins/backdropFilter.test.js Normal file
View file

@ -0,0 +1,53 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('backdropFilter').toMatchFormattedCss(css`
*,
:before,
:after {
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::-webkit-backdrop {
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop {
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.backdrop-filter {
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-filter-none {
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
`)

54
tests/plugins/backdropGrayscale.test.js Normal file
View file

@ -0,0 +1,54 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('backdropGrayscale', {
safelist: [
// Arbitrary values
'backdrop-grayscale-[50%]',
'backdrop-grayscale-[var(--my-value)]',
],
}).toMatchFormattedCss(css`
.backdrop-grayscale {
--tw-backdrop-grayscale: grayscale(100%);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-grayscale-0 {
--tw-backdrop-grayscale: grayscale(0);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-grayscale-\[50\%\] {
--tw-backdrop-grayscale: grayscale(50%);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-grayscale-\[var\(--my-value\)\] {
--tw-backdrop-grayscale: grayscale(var(--my-value));
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
`)

164
tests/plugins/backdropHueRotate.test.js Normal file
View file

@ -0,0 +1,164 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('backdropHueRotate', {
safelist: [
// Arbitrary values
'backdrop-hue-rotate-[12deg]',
'backdrop-hue-rotate-[var(--my-value)]',
],
}).toMatchFormattedCss(css`
.-backdrop-hue-rotate-0 {
--tw-backdrop-hue-rotate: hue-rotate(-0deg);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.-backdrop-hue-rotate-15 {
--tw-backdrop-hue-rotate: hue-rotate(-15deg);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.-backdrop-hue-rotate-180 {
--tw-backdrop-hue-rotate: hue-rotate(-180deg);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.-backdrop-hue-rotate-30 {
--tw-backdrop-hue-rotate: hue-rotate(-30deg);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.-backdrop-hue-rotate-60 {
--tw-backdrop-hue-rotate: hue-rotate(-60deg);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.-backdrop-hue-rotate-90 {
--tw-backdrop-hue-rotate: hue-rotate(-90deg);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-hue-rotate-0 {
--tw-backdrop-hue-rotate: hue-rotate(0deg);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-hue-rotate-15 {
--tw-backdrop-hue-rotate: hue-rotate(15deg);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-hue-rotate-180 {
--tw-backdrop-hue-rotate: hue-rotate(180deg);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-hue-rotate-30 {
--tw-backdrop-hue-rotate: hue-rotate(30deg);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-hue-rotate-60 {
--tw-backdrop-hue-rotate: hue-rotate(60deg);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-hue-rotate-90 {
--tw-backdrop-hue-rotate: hue-rotate(90deg);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-hue-rotate-\[12deg\] {
--tw-backdrop-hue-rotate: hue-rotate(12deg);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-hue-rotate-\[var\(--my-value\)\] {
--tw-backdrop-hue-rotate: hue-rotate(var(--my-value));
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
`)

9
tests/plugins/backdropInvert.test.js Normal file
View file

@ -0,0 +1,9 @@
import { quickPluginTest } from '../util/run'
quickPluginTest('backdropInvert', {
safelist: [
// Arbitrary values
'backdrop-invert-[50%]',
'backdrop-invert-[var(--my-value)]',
],
}).toMatchSnapshot()

9
tests/plugins/backdropOpacity.test.js Normal file
View file

@ -0,0 +1,9 @@
import { quickPluginTest } from '../util/run'
quickPluginTest('backdropOpacity', {
safelist: [
// Arbitrary values
'backdrop-opacity-[0.12]',
'backdrop-opacity-[var(--my-value)]',
],
}).toMatchSnapshot()

9
tests/plugins/backdropSaturate.test.js Normal file
View file

@ -0,0 +1,9 @@
import { quickPluginTest } from '../util/run'
quickPluginTest('backdropSaturate', {
safelist: [
// Arbitrary values
'backdrop-saturate-[0.12]',
'backdrop-saturate-[var(--my-value)]',
],
}).toMatchSnapshot()

54
tests/plugins/backdropSepia.test.js Normal file
View file

@ -0,0 +1,54 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('backdropSepia', {
safelist: [
// Arbitrary values
'backdrop-sepia-[50%]',
'backdrop-sepia-[var(--my-value)]',
],
}).toMatchFormattedCss(css`
.backdrop-sepia {
--tw-backdrop-sepia: sepia(100%);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-sepia-0 {
--tw-backdrop-sepia: sepia(0);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-sepia-\[50\%\] {
--tw-backdrop-sepia: sepia(50%);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
.backdrop-sepia-\[var\(--my-value\)\] {
--tw-backdrop-sepia: sepia(var(--my-value));
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
}
`)

13
tests/plugins/backgroundAttachment.test.js Normal file
View file

@ -0,0 +1,13 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('backgroundAttachment').toMatchFormattedCss(css`
.bg-fixed {
background-attachment: fixed;
}
.bg-local {
background-attachment: local;
}
.bg-scroll {
background-attachment: scroll;
}
`)

52
tests/plugins/backgroundBlendMode.test.js Normal file
View file

@ -0,0 +1,52 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('backgroundBlendMode').toMatchFormattedCss(css`
.bg-blend-normal {
background-blend-mode: normal;
}
.bg-blend-multiply {
background-blend-mode: multiply;
}
.bg-blend-screen {
background-blend-mode: screen;
}
.bg-blend-overlay {
background-blend-mode: overlay;
}
.bg-blend-darken {
background-blend-mode: darken;
}
.bg-blend-lighten {
background-blend-mode: lighten;
}
.bg-blend-color-dodge {
background-blend-mode: color-dodge;
}
.bg-blend-color-burn {
background-blend-mode: color-burn;
}
.bg-blend-hard-light {
background-blend-mode: hard-light;
}
.bg-blend-soft-light {
background-blend-mode: soft-light;
}
.bg-blend-difference {
background-blend-mode: difference;
}
.bg-blend-exclusion {
background-blend-mode: exclusion;
}
.bg-blend-hue {
background-blend-mode: hue;
}
.bg-blend-saturation {
background-blend-mode: saturation;
}
.bg-blend-color {
background-blend-mode: color;
}
.bg-blend-luminosity {
background-blend-mode: luminosity;
}
`)

17
tests/plugins/backgroundClip.test.js Normal file
View file

@ -0,0 +1,17 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('backgroundClip').toMatchFormattedCss(css`
.bg-clip-border {
background-clip: border-box;
}
.bg-clip-padding {
background-clip: padding-box;
}
.bg-clip-content {
background-clip: content-box;
}
.bg-clip-text {
-webkit-background-clip: text;
background-clip: text;
}
`)

19
tests/plugins/backgroundColor.test.js Normal file
View file

@ -0,0 +1,19 @@
import { quickPluginTest } from '../util/run'
quickPluginTest('backgroundColor', {
safelist: [
// Arbitrary values
'bg-[#0088cc]',
'bg-[var(--my-value)]',
],
}).toMatchSnapshot()
// With `backgroundOpacity` plugin enabled
quickPluginTest('backgroundColor', {
safelist: [
// Arbitrary values
'bg-[#0088cc]',
'bg-[var(--my-value)]',
],
corePlugins: ['backgroundOpacity'],
}).toMatchSnapshot()

39
tests/plugins/backgroundImage.test.js Normal file
View file

@ -0,0 +1,39 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('backgroundImage', {
safelist: [
// Arbitrary values
'bg-[url(/my-image.png)]',
],
}).toMatchFormattedCss(css`
.bg-\[url\(\/my-image\.png\)\] {
background-image: url('/my-image.png');
}
.bg-gradient-to-b {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-bl {
background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-l {
background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-gradient-to-tl {
background-image: linear-gradient(to top left, var(--tw-gradient-stops));
}
.bg-gradient-to-tr {
background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.bg-none {
background-image: none;
}
`)

9
tests/plugins/backgroundOpacity.test.js Normal file
View file

@ -0,0 +1,9 @@
import { quickPluginTest } from '../util/run'
quickPluginTest('backgroundOpacity', {
safelist: [
// Arbitrary values
'bg-opacity-[0.12]',
'bg-opacity-[var(--my-value)]',
],
}).toMatchSnapshot()

13
tests/plugins/backgroundOrigin.test.js Normal file
View file

@ -0,0 +1,13 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('backgroundOrigin').toMatchFormattedCss(css`
.bg-origin-border {
background-origin: border-box;
}
.bg-origin-padding {
background-origin: padding-box;
}
.bg-origin-content {
background-origin: content-box;
}
`)

39
tests/plugins/backgroundPosition.test.js Normal file
View file

@ -0,0 +1,39 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('backgroundPosition', {
safelist: [
// Arbitrary values
'bg-[50%_25%]',
],
}).toMatchFormattedCss(css`
.bg-\[50\%_25\%\] {
background-position: 50% 25%;
}
.bg-bottom {
background-position: bottom;
}
.bg-center {
background-position: center;
}
.bg-left {
background-position: 0;
}
.bg-left-bottom {
background-position: 0 100%;
}
.bg-left-top {
background-position: 0 0;
}
.bg-right {
background-position: 100%;
}
.bg-right-bottom {
background-position: 100% 100%;
}
.bg-right-top {
background-position: 100% 0;
}
.bg-top {
background-position: top;
}
`)

22
tests/plugins/backgroundRepeat.test.js Normal file
View file

@ -0,0 +1,22 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('backgroundRepeat').toMatchFormattedCss(css`
.bg-repeat {
background-repeat: repeat;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.bg-repeat-x {
background-repeat: repeat-x;
}
.bg-repeat-y {
background-repeat: repeat-y;
}
.bg-repeat-round {
background-repeat: round;
}
.bg-repeat-space {
background-repeat: space;
}
`)

21
tests/plugins/backgroundSize.test.js Normal file
View file

@ -0,0 +1,21 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('backgroundSize', {
safelist: [
// Arbitrary values
'bg-[50%]',
],
}).toMatchFormattedCss(css`
.bg-\[50\%\] {
background-size: 50%;
}
.bg-auto {
background-size: auto;
}
.bg-contain {
background-size: contain;
}
.bg-cover {
background-size: cover;
}
`)

9
tests/plugins/blur.test.js Normal file
View file

@ -0,0 +1,9 @@
import { quickPluginTest } from '../util/run'
quickPluginTest('blur', {
safelist: [
// Arbitrary values
'blur-[12px]',
'blur-[var(--my-value)]',
],
}).toMatchSnapshot()

10
tests/plugins/borderCollapse.test.js Normal file
View file

@ -0,0 +1,10 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('borderCollapse').toMatchFormattedCss(css`
.border-collapse {
border-collapse: collapse;
}
.border-separate {
border-collapse: separate;
}
`)

19
tests/plugins/borderColor.test.js Normal file
View file

@ -0,0 +1,19 @@
import { quickPluginTest } from '../util/run'
quickPluginTest('borderColor', {
safelist: [
// Arbitrary values
'border-[#0088cc]',
'border-[var(--my-value)]',
],
}).toMatchSnapshot()
// With `ringOpacity` plugin enabled
quickPluginTest('borderColor', {
safelist: [
// Arbitrary values
'border-[#0088cc]',
'border-[var(--my-value)]',
],
corePlugins: ['borderOpacity'],
}).toMatchSnapshot()

9
tests/plugins/borderOpacity.test.js Normal file
View file

@ -0,0 +1,9 @@
import { quickPluginTest } from '../util/run'
quickPluginTest('borderOpacity', {
safelist: [
// Arbitrary values
'border-opacity-[12%]',
'border-opacity-[var(--my-value)]',
],
}).toMatchSnapshot()

24
tests/plugins/borderRadius.test.js Normal file
View file

@ -0,0 +1,24 @@
import { quickPluginTest } from '../util/run'
quickPluginTest('borderRadius', {
safelist: [
// Arbitrary values
'rounded-[1px]',
'rounded-s-[2px]',
'rounded-e-[3px]',
'rounded-t-[4px]',
'rounded-r-[5px]',
'rounded-b-[6px]',
'rounded-l-[7px]',
'rounded-ss-[8px]',
'rounded-se-[9px]',
'rounded-ee-[10px]',
'rounded-es-[11px]',
'rounded-tl-[12px]',
'rounded-tr-[13px]',
'rounded-br-[14px]',
'rounded-bl-[15px]',
],
}).toMatchSnapshot()

11
tests/plugins/borderSpacing.test.js Normal file
View file

@ -0,0 +1,11 @@
import { quickPluginTest } from '../util/run'
quickPluginTest('borderSpacing', {
safelist: [
// Arbitrary values
'border-spacing-[12px]',
'border-spacing-x-[23px]',
'border-spacing-y-[34px]',
],
}).toMatchSnapshot()

22
tests/plugins/borderStyle.test.js Normal file
View file

@ -0,0 +1,22 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('borderStyle').toMatchFormattedCss(css`
.border-solid {
border-style: solid;
}
.border-dashed {
border-style: dashed;
}
.border-dotted {
border-style: dotted;
}
.border-double {
border-style: double;
}
.border-hidden {
border-style: hidden;
}
.border-none {
border-style: none;
}
`)

18
tests/plugins/borderWidth.test.js Normal file
View file

@ -0,0 +1,18 @@
import { quickPluginTest } from '../util/run'
quickPluginTest('borderWidth', {
safelist: [
// Arbitrary values
'border-[12px]',
'border-x-[23px]',
'border-y-[34px]',
'border-s-[45px]',
'border-e-[56px]',
'border-t-[67px]',
'border-r-[78px]',
'border-b-[89px]',
'border-l-[90px]',
],
}).toMatchSnapshot()

20
tests/plugins/boxDecorationBreak.test.js Normal file
View file

@ -0,0 +1,20 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('boxDecorationBreak').toMatchFormattedCss(css`
.decoration-slice {
-webkit-box-decoration-break: slice;
box-decoration-break: slice;
}
.decoration-clone {
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.box-decoration-slice {
-webkit-box-decoration-break: slice;
box-decoration-break: slice;
}
.box-decoration-clone {
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
`)

86
tests/plugins/boxShadow.test.js Normal file
View file

@ -0,0 +1,86 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('boxShadow', {
safelist: [
// Arbitrary values
'shadow-[0_1px_2px_#0088cc]',
],
}).toMatchFormattedCss(css`
*,
:before,
:after {
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
::-webkit-backdrop {
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
::backdrop {
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
.shadow {
--tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px #00000040;
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.shadow-\[0_1px_2px_\#0088cc\] {
--tw-shadow: 0 1px 2px #08c;
--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.shadow-inner {
--tw-shadow: inset 0 2px 4px 0 #0000000d;
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.shadow-none {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 #0000000d;
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
`)

9
tests/plugins/boxShadowColor.test.js Normal file
View file

@ -0,0 +1,9 @@
import { quickPluginTest } from '../util/run'
quickPluginTest('boxShadowColor', {
safelist: [
// Arbitrary values
'shadow-[#0088cc]',
'shadow-[var(--my-value)]',
],
}).toMatchSnapshot()

10
tests/plugins/boxSizing.test.js Normal file
View file

@ -0,0 +1,10 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('boxSizing').toMatchFormattedCss(css`
.box-border {
box-sizing: border-box;
}
.box-content {
box-sizing: content-box;
}
`)

28
tests/plugins/breakAfter.test.js Normal file
View file

@ -0,0 +1,28 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('breakAfter').toMatchFormattedCss(css`
.break-after-auto {
break-after: auto;
}
.break-after-avoid {
break-after: avoid;
}
.break-after-all {
break-after: all;
}
.break-after-avoid-page {
break-after: avoid-page;
}
.break-after-page {
break-after: page;
}
.break-after-left {
break-after: left;
}
.break-after-right {
break-after: right;
}
.break-after-column {
break-after: column;
}
`)

28
tests/plugins/breakBefore.test.js Normal file
View file

@ -0,0 +1,28 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('breakBefore').toMatchFormattedCss(css`
.break-before-auto {
break-before: auto;
}
.break-before-avoid {
break-before: avoid;
}
.break-before-all {
break-before: all;
}
.break-before-avoid-page {
break-before: avoid-page;
}
.break-before-page {
break-before: page;
}
.break-before-left {
break-before: left;
}
.break-before-right {
break-before: right;
}
.break-before-column {
break-before: column;
}
`)

16
tests/plugins/breakInside.test.js Normal file
View file

@ -0,0 +1,16 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('breakInside').toMatchFormattedCss(css`
.break-inside-auto {
break-inside: auto;
}
.break-inside-avoid {
break-inside: avoid;
}
.break-inside-avoid-page {
break-inside: avoid-page;
}
.break-inside-avoid-column {
break-inside: avoid-column;
}
`)

75
tests/plugins/brightness.test.js Normal file
View file

@ -0,0 +1,75 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('brightness', {
safelist: [
// Arbitrary values
'brightness-[12]',
'brightness-[var(--my-value)]',
],
}).toMatchFormattedCss(css`
.brightness-0 {
--tw-brightness: brightness(0);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-100 {
--tw-brightness: brightness(1);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-105 {
--tw-brightness: brightness(1.05);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-110 {
--tw-brightness: brightness(1.1);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-125 {
--tw-brightness: brightness(1.25);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-150 {
--tw-brightness: brightness(1.5);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-200 {
--tw-brightness: brightness(2);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-50 {
--tw-brightness: brightness(0.5);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-75 {
--tw-brightness: brightness(0.75);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-90 {
--tw-brightness: brightness(0.9);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-95 {
--tw-brightness: brightness(0.95);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-\[12\] {
--tw-brightness: brightness(12);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-\[var\(--my-value\)\] {
--tw-brightness: brightness(var(--my-value));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
`)

10
tests/plugins/captionSide.test.js Normal file
View file

@ -0,0 +1,10 @@
import { css, quickPluginTest } from '../util/run'
quickPluginTest('captionSide').toMatchFormattedCss(css`
.caption-top {
caption-side: top;
}
.caption-bottom {
caption-side: bottom;
}
`)

9
tests/plugins/caretColor.test.js Normal file
View file

@ -0,0 +1,9 @@
import { quickPluginTest } from '../util/run'
quickPluginTest('caretColor', {
safelist: [
// Arbitrary values
'caret-[#0088cc]',
'caret-[var(--my-value)]',
],
}).toMatchSnapshot()

Some files were not shown because too many files have changed in this diff Show more