import { Globals } from "./index";
/**
 * The **`flex-direction`** CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
 *
 * **Initial value**: `row`
 *
 * |  Chrome  | Firefox | Safari  |  Edge  |    IE    |
 * | :------: | :-----: | :-----: | :----: | :------: |
 * |  **29**  | **20**  |  **9**  | **12** |  **11**  |
 * | 21 _-x-_ |         | 7 _-x-_ |        | 10 _-x-_ |
 *
 * @see https://developer.mozilla.org/docs/Web/CSS/flex-direction
 */
export type FlexDirectionProperty = Globals | "column" | "column-reverse" | "row" | "row-reverse";