postcss-rtl-logical-properties
Version:
This plugin is a PostCSS plugin that replaces supported horizontal direction properties (LTR/RTL) with logical CSS properties (start/end) to add RTL support.
63 lines • 1.78 kB
TypeScript
export declare enum DirectionType {
Block = "block",
Inline = "inline"
}
export declare enum DirectionValue {
Start = "start",
End = "end"
}
export type IgnoreDeclaration = any;
export interface PluginMethods {
ignoreDeclarationList: Array<Props>;
}
export declare enum HorizontalDirection {
RightToLeft = "right-to-left",
LeftToRight = "left-to-right"
}
export declare enum VerticalDirection {
TopToBottom = "top-to-bottom",
ButtomToTop = "bottom-to-top"
}
export declare enum Axes {
Top = "top",
Right = "right",
Bottom = "bottom",
Left = "left"
}
export declare enum Props {
Padding = "padding",
PaddingLeft = "padding-left",
PaddingRight = "padding-right",
Margin = "margin",
MarginLeft = "margin-left",
MarginRight = "margin-right",
BorderRight = "border-right",
BorderLeft = "border-left",
BorderLeftWidth = "border-left-width",
BorderLeftColor = "border-left-color",
BorderRightWidth = "border-right-width",
BorderRightColor = "border-right-color",
BorderLeftStyle = "border-left-style",
BorderRadius = "border-radius",
BorderRightStyle = "border-right-style",
BorderBottomLeftRadius = "border-bottom-left-radius",
BorderBottomRightRadius = "border-bottom-right-radius",
BorderTopLeftRadius = "border-top-left-radius",
BorderTopRightRadius = "border-top-right-radius",
Left = "left",
Right = "right",
Float = "float",
Clear = "clear",
TextAlign = "text-align",
Border = "border",
Top = "top",
Bottom = "bottom"
}
export type MarginPadding = {
[key in Axes]: string;
};
export interface PluginOptions {
hDirection?: HorizontalDirection;
vDirection?: VerticalDirection;
}
//# sourceMappingURL=types.d.ts.map