Ensure all built-in plugins have tests (#11618)
* 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
GitHub
parent
6eed8cb3f6
commit
dba5043591
249 changed files with 614205 additions and 1548 deletions
|
|
@ -1,4 +1,4 @@
|
|||
import { applyImportantSelector } from '../../src/util/applyImportantSelector'
|
||||
import { applyImportantSelector } from '../src/util/applyImportantSelector'
|
||||
|
||||
it.each`
|
||||
before | after
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,224 +1,6 @@
|
|||
import fs from 'fs'
|
||||
import path from 'path'
|
||||
import { run, html, css, defaults } from './util/run'
|
||||
import { flagEnabled } from '../src/featureFlags'
|
||||
|
||||
test('basic usage', () => {
|
||||
let config = {
|
||||
content: [
|
||||
{
|
||||
raw: html`
|
||||
<div class="sr-only"></div>
|
||||
<div class="content-center"></div>
|
||||
<div class="items-start"></div>
|
||||
<div class="self-end"></div>
|
||||
<div class="animate-none"></div>
|
||||
<div class="animate-spin"></div>
|
||||
<div class="appearance-none"></div>
|
||||
<div class="bg-local"></div>
|
||||
<div class="bg-clip-border"></div>
|
||||
<div class="bg-green-500"></div>
|
||||
<div class="bg-gradient-to-r"></div>
|
||||
<div class="bg-opacity-20"></div>
|
||||
<div class="bg-top"></div>
|
||||
<div class="bg-no-repeat"></div>
|
||||
<div class="bg-cover"></div>
|
||||
<div class="bg-origin-border bg-origin-padding bg-origin-content"></div>
|
||||
<div class="border-collapse"></div>
|
||||
<div class="border-spacing-4 border-spacing-x-6 border-spacing-y-8"></div>
|
||||
<div
|
||||
class="border-black border-t-black border-r-black border-b-black border-l-black border-x-black border-y-black"
|
||||
></div>
|
||||
<div class="border-opacity-10"></div>
|
||||
<div class="rounded-md"></div>
|
||||
<div class="border-solid border-hidden"></div>
|
||||
<div class="border"></div>
|
||||
<div class="border-2 border-t border-b-4 border-x-4 border-y-4"></div>
|
||||
<div class="shadow shadow-md shadow-lg"></div>
|
||||
<div class="shadow-black shadow-red-500/25 shadow-blue-100/10"></div>
|
||||
<div class="decoration-clone decoration-slice"></div>
|
||||
<div class="box-decoration-clone box-decoration-slice"></div>
|
||||
<div class="box-border"></div>
|
||||
<div class="clear-left"></div>
|
||||
<div class="container"></div>
|
||||
<div class="cursor-pointer"></div>
|
||||
<div class="touch-pan-y touch-manipulation"></div>
|
||||
<div class="hidden inline-grid"></div>
|
||||
<div class="divide-gray-200"></div>
|
||||
<div class="divide-opacity-50"></div>
|
||||
<div class="divide-dotted"></div>
|
||||
<div class="divide-x-2 divide-y-4 divide-x-0 divide-y-0"></div>
|
||||
<div class="fill-current"></div>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex-row-reverse"></div>
|
||||
<div class="flex-grow flex-grow-0"></div>
|
||||
<div class="grow grow-0"></div>
|
||||
<div class="flex-shrink flex-shrink-0"></div>
|
||||
<div class="shrink shrink-0"></div>
|
||||
<div class="basis-auto basis-7"></div>
|
||||
<div class="flex-wrap"></div>
|
||||
<div class="float-right"></div>
|
||||
<div class="font-sans"></div>
|
||||
<div class="text-2xl"></div>
|
||||
<div class="antialiased"></div>
|
||||
<div class="not-italic"></div>
|
||||
<div class="tabular-nums ordinal diagonal-fractions"></div>
|
||||
<div class="font-medium"></div>
|
||||
<div class="gap-x-2 gap-y-3 gap-4"></div>
|
||||
<div class="from-red-300 via-purple-200 to-blue-400"></div>
|
||||
<div class="columns-1 columns-md"></div>
|
||||
<div class="break-before-page break-inside-avoid-column break-after-auto"></div>
|
||||
<div class="auto-cols-min"></div>
|
||||
<div class="grid-flow-row"></div>
|
||||
<div class="auto-rows-max"></div>
|
||||
<div class="col-span-3"></div>
|
||||
<div class="col-start-1"></div>
|
||||
<div class="col-end-4"></div>
|
||||
<div class="row-span-2"></div>
|
||||
<div class="row-start-3"></div>
|
||||
<div class="row-end-5"></div>
|
||||
<div class="grid-cols-4"></div>
|
||||
<div class="grid-rows-3"></div>
|
||||
<div class="h-16"></div>
|
||||
<div class="inset-0 inset-y-4 inset-x-2 top-6 right-8 bottom-12 left-16"></div>
|
||||
<div class="isolate isolation-auto"></div>
|
||||
<div class="justify-center"></div>
|
||||
<div class="justify-items-end"></div>
|
||||
<div class="justify-self-start"></div>
|
||||
<div class="tracking-tight"></div>
|
||||
<div class="leading-relaxed leading-5"></div>
|
||||
<div class="list-inside"></div>
|
||||
<div class="list-disc"></div>
|
||||
<div class="list-image-none"></div>
|
||||
<div class="m-4 my-2 mx-auto mt-0 mr-1 mb-3 ml-4"></div>
|
||||
<div class="h-0 h-full h-screen h-svh h-lvh h-dvh"></div>
|
||||
<div class="max-h-0 max-h-full max-h-screen max-h-svh max-h-lvh max-h-dvh"></div>
|
||||
<div class="max-w-full"></div>
|
||||
<div class="min-h-0 min-h-full min-h-0 min-h-svh min-h-lvh min-h-dvh"></div>
|
||||
<div class="min-w-min"></div>
|
||||
<div class="object-cover"></div>
|
||||
<div class="object-bottom"></div>
|
||||
<div class="opacity-90"></div>
|
||||
<div class="bg-blend-darken bg-blend-difference"></div>
|
||||
<div class="mix-blend-multiply mix-blend-saturation"></div>
|
||||
<div class="order-last order-2"></div>
|
||||
<div
|
||||
class="outline outline-dashed outline-none outline-black outline-4 outline-offset-2 -outline-offset-2"
|
||||
></div>
|
||||
<div class="overflow-hidden"></div>
|
||||
<div class="overscroll-contain"></div>
|
||||
<div class="p-4 py-2 px-3 pt-1 pr-2 pb-3 pl-4"></div>
|
||||
<div class="place-content-start"></div>
|
||||
<div class="placeholder-green-300"></div>
|
||||
<div class="placeholder-opacity-60"></div>
|
||||
<div class="caret-red-600"></div>
|
||||
<div class="accent-red-600"></div>
|
||||
<div class="place-items-end"></div>
|
||||
<div class="place-self-center"></div>
|
||||
<div class="pointer-events-none"></div>
|
||||
<div class="absolute"></div>
|
||||
<div class="resize-none"></div>
|
||||
<div class="snap-x snap-mandatory"></div>
|
||||
<div class="snap-center snap-always"></div>
|
||||
<div class="scroll-mt-6"></div>
|
||||
<div class="scroll-p-6"></div>
|
||||
<div class="ring-white"></div>
|
||||
<div class="ring-offset-blue-300"></div>
|
||||
<div class="ring-offset-2"></div>
|
||||
<div class="ring-opacity-40"></div>
|
||||
<div class="ring ring-4"></div>
|
||||
<div
|
||||
class="
|
||||
filter filter-none
|
||||
blur-md
|
||||
brightness-150
|
||||
contrast-50
|
||||
drop-shadow-md
|
||||
grayscale
|
||||
hue-rotate-60
|
||||
invert
|
||||
saturate-200
|
||||
sepia
|
||||
"
|
||||
></div>
|
||||
<div
|
||||
class="
|
||||
backdrop-filter
|
||||
backdrop-filter-none
|
||||
backdrop-blur-lg
|
||||
backdrop-brightness-50
|
||||
backdrop-contrast-0
|
||||
backdrop-grayscale
|
||||
backdrop-hue-rotate-90
|
||||
backdrop-invert
|
||||
backdrop-opacity-75
|
||||
backdrop-saturate-150
|
||||
backdrop-sepia
|
||||
"
|
||||
></div>
|
||||
<div class="rotate-3"></div>
|
||||
<div class="scale-95 -scale-x-100"></div>
|
||||
<div class="skew-y-12 skew-x-12"></div>
|
||||
<div class="space-x-4 space-y-3 space-x-reverse space-y-reverse"></div>
|
||||
<div class="stroke-current"></div>
|
||||
<div class="stroke-2"></div>
|
||||
<div class="table-fixed"></div>
|
||||
<div class="caption-top"></div>
|
||||
<div class="caption-bottom"></div>
|
||||
<div class="text-center"></div>
|
||||
<div class="indent-6 -indent-12"></div>
|
||||
<div class="text-indigo-500"></div>
|
||||
<div class="text-opacity-10"></div>
|
||||
<div class="underline"></div>
|
||||
<div class="decoration-underline"></div>
|
||||
<div class="decoration-red-600"></div>
|
||||
<div class="decoration-solid"></div>
|
||||
<div class="decoration-1"></div>
|
||||
<div class="decoration-2"></div>
|
||||
<div class="underline-offset-1"></div>
|
||||
<div class="underline-offset-2"></div>
|
||||
<div class="underline-right"></div>
|
||||
<div class="overflow-ellipsis truncate"></div>
|
||||
<div class="uppercase"></div>
|
||||
<div class="transform transform-gpu transform-none"></div>
|
||||
<div class="origin-top-right"></div>
|
||||
<div class="delay-300"></div>
|
||||
<div class="duration-200"></div>
|
||||
<div class="transition transition-all"></div>
|
||||
<div class="ease-in-out"></div>
|
||||
<div class="translate-x-5 -translate-x-4 translate-y-6 -translate-x-3"></div>
|
||||
<div class="touch-pan-up touch-pan-x touch-pinch-zoom"></div>
|
||||
<div class="select-none"></div>
|
||||
<div class="align-middle"></div>
|
||||
<div class="invisible"></div>
|
||||
<div class="collapse"></div>
|
||||
<div class="whitespace-nowrap"></div>
|
||||
<div class="text-wrap text-balance text-nowrap"></div>
|
||||
<div class="w-12"></div>
|
||||
<div class="break-words"></div>
|
||||
<div class="z-30"></div>
|
||||
<div class="will-change-scroll will-change-transform"></div>
|
||||
<div class="content-none"></div>
|
||||
<div class="aspect-square aspect-video"></div>
|
||||
`,
|
||||
},
|
||||
],
|
||||
corePlugins: { preflight: false },
|
||||
}
|
||||
|
||||
let input = css`
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
`
|
||||
|
||||
return run(input, config).then((result) => {
|
||||
expect(result.css).toMatchFormattedCss(
|
||||
fs.readFileSync(path.resolve(__dirname, './basic-usage.test.css'), 'utf8')
|
||||
)
|
||||
})
|
||||
})
|
||||
|
||||
test('all plugins are executed that match a candidate', () => {
|
||||
let config = {
|
||||
content: [{ raw: html`<div class="bg-green-light bg-green"></div>` }],
|
||||
|
|
|
|||
15701
tests/plugins/__snapshots__/accentColor.test.js.snap
Normal file
15701
tests/plugins/__snapshots__/accentColor.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
29
tests/plugins/__snapshots__/backdropInvert.test.js.snap
Normal file
29
tests/plugins/__snapshots__/backdropInvert.test.js.snap
Normal 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
107
tests/plugins/__snapshots__/backdropOpacity.test.js.snap
Normal 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
47
tests/plugins/__snapshots__/backdropSaturate.test.js.snap
Normal 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
31698
tests/plugins/__snapshots__/backgroundColor.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
73
tests/plugins/__snapshots__/backgroundOpacity.test.js.snap
Normal file
73
tests/plugins/__snapshots__/backgroundOpacity.test.js.snap
Normal 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
60
tests/plugins/__snapshots__/blur.test.js.snap
Normal 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
300278
tests/plugins/__snapshots__/borderColor.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
73
tests/plugins/__snapshots__/borderOpacity.test.js.snap
Normal file
73
tests/plugins/__snapshots__/borderOpacity.test.js.snap
Normal 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
665
tests/plugins/__snapshots__/borderRadius.test.js.snap
Normal 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
596
tests/plugins/__snapshots__/borderSpacing.test.js.snap
Normal 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
233
tests/plugins/__snapshots__/borderWidth.test.js.snap
Normal 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
19625
tests/plugins/__snapshots__/boxShadowColor.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
15697
tests/plugins/__snapshots__/caretColor.test.js.snap
Normal file
15697
tests/plugins/__snapshots__/caretColor.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
117
tests/plugins/__snapshots__/columns.test.js.snap
Normal file
117
tests/plugins/__snapshots__/columns.test.js.snap
Normal 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
89
tests/plugins/__snapshots__/display.test.js.snap
Normal 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
31698
tests/plugins/__snapshots__/divideColor.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
217
tests/plugins/__snapshots__/divideWidth.test.js.snap
Normal file
217
tests/plugins/__snapshots__/divideWidth.test.js.snap
Normal 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
15701
tests/plugins/__snapshots__/fill.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
265
tests/plugins/__snapshots__/flexBasis.test.js.snap
Normal file
265
tests/plugins/__snapshots__/flexBasis.test.js.snap
Normal 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
449
tests/plugins/__snapshots__/gap.test.js.snap
Normal 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
250
tests/plugins/__snapshots__/height.test.js.snap
Normal 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
3243
tests/plugins/__snapshots__/inset.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
2711
tests/plugins/__snapshots__/margin.test.js.snap
Normal file
2711
tests/plugins/__snapshots__/margin.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
190
tests/plugins/__snapshots__/maxHeight.test.js.snap
Normal file
190
tests/plugins/__snapshots__/maxHeight.test.js.snap
Normal 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
106
tests/plugins/__snapshots__/maxWidth.test.js.snap
Normal 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
50
tests/plugins/__snapshots__/minHeight.test.js.snap
Normal 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
34
tests/plugins/__snapshots__/minWidth.test.js.snap
Normal 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
73
tests/plugins/__snapshots__/opacity.test.js.snap
Normal 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
15697
tests/plugins/__snapshots__/outlineColor.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
61
tests/plugins/__snapshots__/outlineOffset.test.js.snap
Normal file
61
tests/plugins/__snapshots__/outlineOffset.test.js.snap
Normal 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
37
tests/plugins/__snapshots__/outlineWidth.test.js.snap
Normal 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
1343
tests/plugins/__snapshots__/padding.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
31698
tests/plugins/__snapshots__/placeholderColor.test.js.snap
Normal file
31698
tests/plugins/__snapshots__/placeholderColor.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
73
tests/plugins/__snapshots__/placeholderOpacity.test.js.snap
Normal file
73
tests/plugins/__snapshots__/placeholderOpacity.test.js.snap
Normal 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
387
tests/plugins/__snapshots__/preflight.test.js.snap
Normal 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
31706
tests/plugins/__snapshots__/ringColor.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
15697
tests/plugins/__snapshots__/ringOffsetColor.test.js.snap
Normal file
15697
tests/plugins/__snapshots__/ringOffsetColor.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
29
tests/plugins/__snapshots__/ringOffsetWidth.test.js.snap
Normal file
29
tests/plugins/__snapshots__/ringOffsetWidth.test.js.snap
Normal 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
149
tests/plugins/__snapshots__/ringOpacity.test.js.snap
Normal 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
314
tests/plugins/__snapshots__/ringWidth.test.js.snap
Normal 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
105
tests/plugins/__snapshots__/rotate.test.js.snap
Normal 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
40
tests/plugins/__snapshots__/saturate.test.js.snap
Normal 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
357
tests/plugins/__snapshots__/scale.test.js.snap
Normal 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
2741
tests/plugins/__snapshots__/scrollMargin.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
1411
tests/plugins/__snapshots__/scrollPadding.test.js.snap
Normal file
1411
tests/plugins/__snapshots__/scrollPadding.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
145
tests/plugins/__snapshots__/skew.test.js.snap
Normal file
145
tests/plugins/__snapshots__/skew.test.js.snap
Normal 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
1777
tests/plugins/__snapshots__/space.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
15701
tests/plugins/__snapshots__/stroke.test.js.snap
Normal file
15701
tests/plugins/__snapshots__/stroke.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
31698
tests/plugins/__snapshots__/textColor.test.js.snap
Normal file
31698
tests/plugins/__snapshots__/textColor.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
15690
tests/plugins/__snapshots__/textDecorationColor.test.js.snap
Normal file
15690
tests/plugins/__snapshots__/textDecorationColor.test.js.snap
Normal file
File diff suppressed because it is too large
Load diff
293
tests/plugins/__snapshots__/textIndent.test.js.snap
Normal file
293
tests/plugins/__snapshots__/textIndent.test.js.snap
Normal 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
865
tests/plugins/__snapshots__/translate.test.js.snap
Normal 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
294
tests/plugins/__snapshots__/width.test.js.snap
Normal 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
9
tests/plugins/accentColor.test.js
Normal 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
25
tests/plugins/accessibility.test.js
Normal 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
31
tests/plugins/alignContent.test.js
Normal 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
19
tests/plugins/alignItems.test.js
Normal 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
22
tests/plugins/alignSelf.test.js
Normal 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;
|
||||
}
|
||||
`)
|
||||
|
|
@ -1,55 +1,62 @@
|
|||
import { run, html, css } from './util/run'
|
||||
import { run, html, css, quickPluginTest } from '../util/run'
|
||||
|
||||
test('basic', () => {
|
||||
let config = {
|
||||
content: [
|
||||
{
|
||||
raw: html`
|
||||
<div class="animate-spin"></div>
|
||||
<div class="hover:animate-ping"></div>
|
||||
<div class="group-hover:animate-bounce"></div>
|
||||
`,
|
||||
},
|
||||
],
|
||||
quickPluginTest('animation', {
|
||||
safelist: [
|
||||
// Arbitrary values
|
||||
'animate-[1s_infinite_example]',
|
||||
'animate-[var(--my-value)]',
|
||||
],
|
||||
}).toMatchFormattedCss(css`
|
||||
.animate-\[1s_infinite_example\] {
|
||||
animation: 1s infinite example;
|
||||
}
|
||||
|
||||
return run('@tailwind utilities', config).then((result) => {
|
||||
expect(result.css).toMatchFormattedCss(css`
|
||||
@keyframes spin {
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.animate-spin {
|
||||
animation: 1s linear infinite spin;
|
||||
}
|
||||
@keyframes ping {
|
||||
75%,
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: scale(2);
|
||||
}
|
||||
}
|
||||
.hover\:animate-ping:hover {
|
||||
animation: 1s cubic-bezier(0, 0, 0.2, 1) infinite ping;
|
||||
}
|
||||
@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;
|
||||
}
|
||||
}
|
||||
.group:hover .group-hover\:animate-bounce {
|
||||
animation: 1s infinite bounce;
|
||||
}
|
||||
`)
|
||||
})
|
||||
})
|
||||
.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 = {
|
||||
8
tests/plugins/appearance.test.js
Normal file
8
tests/plugins/appearance.test.js
Normal 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
13
tests/plugins/aspectRatio.test.js
Normal 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
131
tests/plugins/backdropBlur.test.js
Normal 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
153
tests/plugins/backdropBrightness.test.js
Normal 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
109
tests/plugins/backdropContrast.test.js
Normal 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
53
tests/plugins/backdropFilter.test.js
Normal 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
54
tests/plugins/backdropGrayscale.test.js
Normal 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
164
tests/plugins/backdropHueRotate.test.js
Normal 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
9
tests/plugins/backdropInvert.test.js
Normal 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
9
tests/plugins/backdropOpacity.test.js
Normal 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
9
tests/plugins/backdropSaturate.test.js
Normal 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
54
tests/plugins/backdropSepia.test.js
Normal 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
13
tests/plugins/backgroundAttachment.test.js
Normal 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
52
tests/plugins/backgroundBlendMode.test.js
Normal 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
17
tests/plugins/backgroundClip.test.js
Normal 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
19
tests/plugins/backgroundColor.test.js
Normal 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
39
tests/plugins/backgroundImage.test.js
Normal 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
9
tests/plugins/backgroundOpacity.test.js
Normal 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
13
tests/plugins/backgroundOrigin.test.js
Normal 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
39
tests/plugins/backgroundPosition.test.js
Normal 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
22
tests/plugins/backgroundRepeat.test.js
Normal 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
21
tests/plugins/backgroundSize.test.js
Normal 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
9
tests/plugins/blur.test.js
Normal 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
10
tests/plugins/borderCollapse.test.js
Normal 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
19
tests/plugins/borderColor.test.js
Normal 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
9
tests/plugins/borderOpacity.test.js
Normal 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
24
tests/plugins/borderRadius.test.js
Normal 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
11
tests/plugins/borderSpacing.test.js
Normal 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
22
tests/plugins/borderStyle.test.js
Normal 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
18
tests/plugins/borderWidth.test.js
Normal 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
20
tests/plugins/boxDecorationBreak.test.js
Normal 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
86
tests/plugins/boxShadow.test.js
Normal 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
9
tests/plugins/boxShadowColor.test.js
Normal 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
10
tests/plugins/boxSizing.test.js
Normal 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
28
tests/plugins/breakAfter.test.js
Normal 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
28
tests/plugins/breakBefore.test.js
Normal 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
16
tests/plugins/breakInside.test.js
Normal 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;
|
||||
}
|
||||
`)
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue