54 lines
1.6 KiB
JavaScript
54 lines
1.6 KiB
JavaScript
|
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;
|
||
|
|
}
|
||
|
|
`)
|