48 lines
1.1 KiB
JavaScript
48 lines
1.1 KiB
JavaScript
|
import { css, quickPluginTest } from '../util/run'
|
||
|
|
|
||
|
|
quickPluginTest('transform').toMatchFormattedCss(css`
|
||
|
|
*,
|
||
|
|
:before,
|
||
|
|
:after {
|
||
|
|
--tw-translate-x: 0;
|
||
|
|
--tw-translate-y: 0;
|
||
|
|
--tw-rotate: 0;
|
||
|
|
--tw-skew-x: 0;
|
||
|
|
--tw-skew-y: 0;
|
||
|
|
--tw-scale-x: 1;
|
||
|
|
--tw-scale-y: 1;
|
||
|
|
}
|
||
|
|
::-webkit-backdrop {
|
||
|
|
--tw-translate-x: 0;
|
||
|
|
--tw-translate-y: 0;
|
||
|
|
--tw-rotate: 0;
|
||
|
|
--tw-skew-x: 0;
|
||
|
|
--tw-skew-y: 0;
|
||
|
|
--tw-scale-x: 1;
|
||
|
|
--tw-scale-y: 1;
|
||
|
|
}
|
||
|
|
::backdrop {
|
||
|
|
--tw-translate-x: 0;
|
||
|
|
--tw-translate-y: 0;
|
||
|
|
--tw-rotate: 0;
|
||
|
|
--tw-skew-x: 0;
|
||
|
|
--tw-skew-y: 0;
|
||
|
|
--tw-scale-x: 1;
|
||
|
|
--tw-scale-y: 1;
|
||
|
|
}
|
||
|
|
.transform,
|
||
|
|
.transform-cpu {
|
||
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
|
||
|
|
skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
|
||
|
|
scaleY(var(--tw-scale-y));
|
||
|
|
}
|
||
|
|
.transform-gpu {
|
||
|
|
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate))
|
||
|
|
skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
|
||
|
|
scaleY(var(--tw-scale-y));
|
||
|
|
}
|
||
|
|
.transform-none {
|
||
|
|
transform: none;
|
||
|
|
}
|
||
|
|
`)
|