feat(css-prefix): backdrop-filter support
MODIFY
internal/compiler/transforms/compile/css-handler/prefix/index.ts
internal/compiler/transforms/compile/css-handler/prefix/index.ts
-/* GENERATED:START(hash:22bc9528df4582b11f376b0f763a8da7141c04c6,id:main) Everything below is automatically generated. DO NOT MODIFY. Run `./rome run scripts/generated-files/css-prefix` to update. */
+/* GENERATED:START(hash:60579f9e847f6d8718049a94adab44348f2e6bad,id:main) Everything below is automatically generated. DO NOT MODIFY. Run `./rome run scripts/generated-files/css-prefix` to update. */
import animation from "./prefixes/animation";
+import backdropFilter from "./prefixes/backdrop-filter";
import borderRadius from "./prefixes/border-radius";
import boxShadow from "./prefixes/box-shadow";
import boxSizing from "./prefixes/box-sizing";
@@ -11,6 +12,7 @@ import transition from "./prefixes/transition";
export default [
...animation,
+ ...backdropFilter,
...borderRadius,
...boxShadow,
...boxSizing,

ADD
internal/compiler/transforms/compile/css-handler/prefix/prefixes/backdrop-filter.ts
+import {
+ createPrefixVisitor,
+ prefixCSSProperty,
+} from "@internal/compiler/transforms/compile/css-handler/prefix/utils";
+
+// https://github.com/Fyrd/caniuse/blob/main/features-json/css-backdrop-filter.json
+// https://github.com/postcss/autoprefixer/blob/main/data/prefixes.js#L245-L247
+export default [
+ createPrefixVisitor({
+ name: "backdrop-filter",
+ enter(path) {
+ return prefixCSSProperty({
+ path,
+ propertyName: "backdrop-filter",
+ browserFeaturesKey: "css-backdrop-filter",
+ });
+ },
+ }),
+];

ADD
internal/compiler/transforms/compile/test-fixtures/css-handler/prefix/backdrop-filter/input.css
+.style {
+ backdrop-filter: none;
+}

ADD
internal/compiler/transforms/compile/test-fixtures/css-handler/prefix/backdrop-filter/input.test.md
+# `index.test.ts`
+
+**DO NOT MODIFY**. This file has been autogenerated. Run `rome test internal/compiler/transforms/compile/index.test.ts --update-snapshots` to update.
+
+## `css-handler > prefix > backdrop-filter`
+
+### `Diagnostics`
+
+```
+
+```
+
+### `Input`
+
+```css
+.style {
+ backdrop-filter: none;
+}
+
+```
+
+### `Output`
+
+```css
+.style {
+ -webkit-backdrop-filter: none;
+ backdrop-filter: none;
+}
+
+```

ADD
website/src/docs/css-handler/prefix/backdrop-filter.md
+---
+title: Prefix backdrop-filter
+layout: layouts/prefix.liquid
+showHero: false
+description: MISSING DOCUMENTATION
+eleventyNavigation:
+ key: css-handler/prefix/backdrop-filter
+ parent: css-handler
+ title: backdrop-filter
+---
+
+# backdrop-filter
+
+MISSING DOCUMENTATION
\ No newline at end of file

feat(css-prefix): backdrop-filter support (#1435)