import { Globals, ContentDistribution, ContentPosition, StringHack } from "./index";
/**
 * The `**place-content**` CSS property is a shorthand for `align-content` and `justify-content`. It can be used in any layout method which utilizes both of these alignment values.
 *
 * **Initial value**: `normal`
 *
 * ---
 *
 * _Supported in Flex Layout_
 *
 * | Chrome | Firefox | Safari | Edge | IE  |
 * | :----: | :-----: | :----: | :--: | :-: |
 * | **59** |   Yes   |  Yes   |  No  | No  |
 *
 * ---
 *
 * _Supported in Grid Layout_
 *
 * | Chrome | Firefox | Safari | Edge | IE  |
 * | :----: | :-----: | :----: | :--: | :-: |
 * | **59** | **53**  |  Yes   |  No  | No  |
 *
 * ---
 *
 * _You can only specify a single value if it is valid for both <code>align-content</code> and <code>justify-content</code>_
 *
 * | Chrome | Firefox | Safari | Edge | IE  |
 * | :----: | :-----: | :----: | :--: | :-: |
 * |  Yes   | **60**  |  Yes   |  No  | No  |
 *
 * ---
 *
 * @see https://developer.mozilla.org/docs/Web/CSS/place-content
 */
export type PlaceContentProperty = Globals | ContentDistribution | ContentPosition | "baseline" | "normal" | StringHack;