diff --git a/src/compiler/declarations.ts b/src/compiler/declarations.ts index f94c198..78210b7 100644 --- a/src/compiler/declarations.ts +++ b/src/compiler/declarations.ts @@ -116,7 +116,7 @@ const parsers: { "border-inline-start": parseBorderInlineStart, "border-inline-start-color": parseColorDeclaration, "border-inline-start-width": parseBorderSideWidthDeclaration, - "border-inline-width": parseBorderBlockWidth, + "border-inline-width": parseBorderInlineWidth, "border-left": parseBorderSide, "border-left-color": parseColorDeclaration, "border-left-width": parseBorderSideWidthDeclaration, @@ -475,6 +475,20 @@ function parseBorderInlineEnd( ); } +export function parseBorderInlineWidth( + declaration: DeclarationType<"border-inline-width">, + builder: StylesheetBuilder, +) { + builder.addDescriptor( + "border-left-width", + parseBorderSideWidth(declaration.value.start, builder), + ); + builder.addDescriptor( + "border-right-width", + parseBorderSideWidth(declaration.value.end, builder), + ); +} + function parseFlexFlow( { value }: DeclarationType<"flex-flow">, builder: StylesheetBuilder, @@ -1886,7 +1900,7 @@ export function parseBorderBlockColor( } export function parseBorderBlockWidth( - declaration: DeclarationType<"border-block-width" | "border-inline-width">, + declaration: DeclarationType<"border-block-width">, builder: StylesheetBuilder, ) { builder.addDescriptor(