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.
58 lines • 2.27 kB
JavaScript
export var DirectionType;
(function (DirectionType) {
DirectionType["Block"] = "block";
DirectionType["Inline"] = "inline";
})(DirectionType || (DirectionType = {}));
export var DirectionValue;
(function (DirectionValue) {
DirectionValue["Start"] = "start";
DirectionValue["End"] = "end";
})(DirectionValue || (DirectionValue = {}));
export var HorizontalDirection;
(function (HorizontalDirection) {
HorizontalDirection["RightToLeft"] = "right-to-left";
HorizontalDirection["LeftToRight"] = "left-to-right";
})(HorizontalDirection || (HorizontalDirection = {}));
export var VerticalDirection;
(function (VerticalDirection) {
VerticalDirection["TopToBottom"] = "top-to-bottom";
VerticalDirection["ButtomToTop"] = "bottom-to-top";
})(VerticalDirection || (VerticalDirection = {}));
export var Axes;
(function (Axes) {
Axes["Top"] = "top";
Axes["Right"] = "right";
Axes["Bottom"] = "bottom";
Axes["Left"] = "left";
})(Axes || (Axes = {}));
export var Props;
(function (Props) {
Props["Padding"] = "padding";
Props["PaddingLeft"] = "padding-left";
Props["PaddingRight"] = "padding-right";
Props["Margin"] = "margin";
Props["MarginLeft"] = "margin-left";
Props["MarginRight"] = "margin-right";
Props["BorderRight"] = "border-right";
Props["BorderLeft"] = "border-left";
Props["BorderLeftWidth"] = "border-left-width";
Props["BorderLeftColor"] = "border-left-color";
Props["BorderRightWidth"] = "border-right-width";
Props["BorderRightColor"] = "border-right-color";
Props["BorderLeftStyle"] = "border-left-style";
Props["BorderRadius"] = "border-radius";
Props["BorderRightStyle"] = "border-right-style";
Props["BorderBottomLeftRadius"] = "border-bottom-left-radius";
Props["BorderBottomRightRadius"] = "border-bottom-right-radius";
Props["BorderTopLeftRadius"] = "border-top-left-radius";
Props["BorderTopRightRadius"] = "border-top-right-radius";
Props["Left"] = "left";
Props["Right"] = "right";
Props["Float"] = "float";
Props["Clear"] = "clear";
Props["TextAlign"] = "text-align";
Props["Border"] = "border";
Props["Top"] = "top";
Props["Bottom"] = "bottom";
})(Props || (Props = {}));
//# sourceMappingURL=types.js.map