import { StringHack, Globals } from "./index";
/**
 * The **`width`** CSS property sets an element's width. By default it sets the width of the content area, but if `box-sizing` is set to `border-box`, it sets the width of the border area.
 *
 * **Initial value**: `auto`
 *
 * | Chrome | Firefox | Safari |  Edge  |  IE   |
 * | :----: | :-----: | :----: | :----: | :---: |
 * |  Yes   |  **1**  | **1**  | **12** | **4** |
 *
 * @see https://developer.mozilla.org/docs/Web/CSS/width
 */
export type WidthProperty<TLength = StringHack | number> =
  | Globals
  | TLength
  | "-moz-fit-content"
  | "-moz-max-content"
  | "-moz-min-content"
  | "-webkit-fill-available"
  | "-webkit-fit-content"
  | "-webkit-max-content"
  | "-webkit-min-content"
  | "auto"
  | "available"
  | "fit-content"
  | "intrinsic"
  | "max-content"
  | "min-content"
  | "min-intrinsic"
  | StringHack;