import { Globals, SelfPosition, StringHack } from "./index";
/**
 * The CSS **`align-items`** property sets the `align-self` value on all direct children as a group. The align-self property sets the alignment of an item within its containing block. In Flexbox it controls the alignment of items on the Cross Axis, in Grid Layout it controls the alignment of items on the Block Axis within their grid area.
 *
 * **Initial value**: `normal`
 *
 * ---
 *
 * _Supported in Flex Layout_
 *
 * |  Chrome  | Firefox |   Safari    |  Edge  |   IE   |
 * | :------: | :-----: | :---------: | :----: | :----: |
 * |  **52**  | **20**  | **7** _-x-_ | **12** | **11** |
 * | 21 _-x-_ |         |             |        |        |
 *
 * ---
 *
 * _Supported in Grid Layout_
 *
 * | Chrome | Firefox |  Safari  |  Edge  | IE  |
 * | :----: | :-----: | :------: | :----: | :-: |
 * | **57** | **52**  | **10.1** | **16** | n/a |
 *
 * ---
 *
 * @see https://developer.mozilla.org/docs/Web/CSS/align-items
 */
export type AlignItemsProperty = Globals | SelfPosition | "baseline" | "normal" | "stretch" | StringHack;