feat(css-prefix): add border-image support
MODIFY
internal/compiler/transforms/compile/css-handler/prefix/index.ts
internal/compiler/transforms/compile/css-handler/prefix/index.ts
@@ -3,6 +3,7 @@ import animation from "./prefixes/animation";
import appearance from "./prefixes/appearance";
import backdropFilter from "./prefixes/backdrop-filter";
import block from "./prefixes/block";
+import borderImage from "./prefixes/border-image";
import borderRadius from "./prefixes/border-radius";
import boxDecorationBreak from "./prefixes/box-decoration-break";
import boxShadow from "./prefixes/box-shadow";
@@ -31,6 +32,7 @@ export default [
...appearance,
...backdropFilter,
...block,
+ ...borderImage,
...borderRadius,
...boxDecorationBreak,
...boxShadow,

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

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

ADD
internal/compiler/transforms/compile/test-fixtures/css-handler/prefix/border-image/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 > border-image`
+
+### `Diagnostics`
+
+```
+
+```
+
+### `Input`
+
+```css
+.style {
+ border-image: none;
+}
+
+```
+
+### `Output`
+
+```css
+.style {
+ -moz-border-image: none;
+ -webkit-border-image: none;
+ -o-border-image: none;
+ border-image: none;
+}
+
+```

MODIFY
internal/compiler/transforms/compile/test-fixtures/css-handler/prefix/image-set/input.test.md
internal/compiler/transforms/compile/test-fixtures/css-handler/prefix/image-set/input.test.md
}
.style {
+ -moz-border-image: image-set;
+ -webkit-border-image: image-set;
+ -o-border-image: image-set;
border-image: -webkit-image-set;
border-image: image-set;
}

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

feat(css-prefix): add border-image support (#1503)