Options
All
  • Public
  • Public/Protected
  • All
Menu

External module "types"

Index

Interfaces

Type aliases

Type aliases

CSSAbsoluteSize

CSSAbsoluteSize: "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large"

Absolute size keywords https://drafts.csswg.org/css-fonts-3/#absolute-size-value

CSSAngle

CSSAngle: CSSGlobalValues | string | 0

an angle; 0' | '0deg' | '0grad' | '0rad' | '0turn' | 'etc. https://drafts.csswg.org/css-values-3/#angles

CSSAnimationPlayState

CSSAnimationPlayState: CSSGlobalValues | string | "paused" | "running"

initial state of an animation. https://drafts.csswg.org/css-animations/#animation-play-state

CSSBlendMode

CSSBlendMode: "normal" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "difference" | "exclusion" | "hue" | "saturation" | "color" | "luminosity"

blend mode https://drafts.fxtf.org/compositing-1/#ltblendmodegt

CSSBox

CSSBox: CSSGlobalValues | string | "border-box" | "padding-box" | "content-box"

Determines the area within which the background is painted. https://drafts.csswg.org/css-backgrounds/#box

CSSColor

CSSColor: CSSNamedColor | CSSGlobalValues | "currentColor" | string

Color can be a named color, transparent, or a color function https://drafts.csswg.org/css-color-3/#valuea-def-color

CSSColorSet

CSSColorSet: string | CSSColor

Special type for border-color which can use 1 or 4 colors https://drafts.csswg.org/css-backgrounds-3/#border-color

CSSFlexAlign

CSSFlexAlign: "flex-start" | "flex-end" | "center" | "baseline" | "stretch"

Type for align-items and align-self in flex

CSSFontSize

CSSFontSize: CSSGlobalValues | CSSLength | CSSPercentage | CSSAbsoluteSize | CSSRelativeSize

complex type that describes the size of fonts https://drafts.csswg.org/css-fonts-3/#propdef-font-size

CSSFontWeight

CSSFontWeight: "normal" | "bold" | "bolder" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | number | CSSGlobalValues

Font weights

CSSGlobalValues

CSSGlobalValues: "initial" | "inherit" | "unset" | "revert"

CSS properties that cascade also support these https://drafts.csswg.org/css-cascade/#defaulting-keywords

CSSGradient

CSSGradient: CSSGlobalValues | string

a gradient function like linear-gradient https://drafts.csswg.org/css-images-3/#gradients

CSSImage

CSSImage: CSSGlobalValues | string | CSSGradient | CSSUrl

a value that serves as an image https://drafts.csswg.org/css-images-3/#typedef-image

CSSLength

CSSLength: CSSGlobalValues | string | number

an length; 0 | '0px' | '0em' etc. https://drafts.csswg.org/css-values-3/#lengths

CSSLineStyle

CSSLineStyle: string | "none" | "hidden" | "dotted" | "dashed" | "solid" | "double" | "groove" | "ridge" | "inset" | "outset"

Style of a line (e.g. border-style) https://drafts.csswg.org/css-backgrounds-3/#line-style

CSSLineStyleSet

CSSLineStyleSet: string | CSSLineStyle

Special type for border-style which can use 1 or 4 line-style https://drafts.csswg.org/css-backgrounds-3/#border-style

CSSNamedColor

CSSNamedColor: "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "purple" | "rebeccapurple" | "red" | "silver" | "teal" | "transparent" | "white" | "yellow"

CSSOverflow

CSSOverflow: "visible" | "hidden" | "scroll" | "clip" | "auto"

Overlow modes https://drafts.csswg.org/css-overflow-3/#propdef-overflow

CSSPercentage

CSSPercentage: CSSGlobalValues | string | 0

a percentage; 0 | '0%' etc. https://drafts.csswg.org/css-values-3/#percentage

CSSPosition

CSSPosition: CSSAngle | string

Defines a position (e.g. background-position) https://drafts.csswg.org/css-backgrounds-3/#position

CSSRadialGradientEndingShape

CSSRadialGradientEndingShape: "circle" | "ellipse"

CSSRadialGradientSize

CSSRadialGradientSize: CSSLength | Array<CSSLength> | "closest-side" | "farthest-side" | "closest-corner" | "closest-side"

Radial Gradient Size.

see

https://drafts.csswg.org/css-images-3/#ending-shape

CSSRelativeSize

CSSRelativeSize: "larger" | "smaller"

Relative size keywords https://drafts.csswg.org/css-fonts-3/#relative-size-value

CSSRepeatStyle

CSSRepeatStyle: string | "repeat-x" | "repeat-y" | "repeat" | "space" | "round" | "no-repeat"

Specifies how background images are tiled after they have been sized and positioned https://drafts.csswg.org/css-backgrounds/#repeat-style

CSSSideOrCorner

CSSSideOrCorner: CSSAngle | "left" | "right" | "top" | "bottom" | "to left" | "to right" | "to top" | "to bottom" | "left top" | "right top" | "left bottom" | "right bottom" | "top left" | "top right" | "bottom left" | "bottom right" | "to left top" | "to right top" | "to left bottom" | "to right bottom" | "to top left" | "to top right" | "to bottom left" | "to bottom right"

Starting position for many gradients https://drafts.csswg.org/css-images-3/#typedef-side-or-corner

CSSTimingFunction

CSSTimingFunction: string | CSSGlobalValues | "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end"

Supporting by -timing-function properties

CSSTransformFunction

CSSTransformFunction: string | "none"

Tranform list for the element.

see

https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function

CSSUrl

CSSUrl: string

Expressed as url('protocol://') https://drafts.csswg.org/css-values-3/#urls

CSSValue

CSSValue: T | T[]

Value of a CSS Property. Could be a single value or a list of fallbacks NOTE: array is for fallbacks

CSSValueGeneral

CSSValueGeneral: CSSValue<number | string>

For general purpose CSS values

CSSValueString

CSSValueString: CSSValue<string>

When you are sure that the value must be a string

MediaQuery

MediaQuery: object

Type declaration

  • Optional maxHeight?: number | string
  • Optional maxWidth?: number | string
  • Optional minHeight?: number | string
  • Optional minWidth?: number | string
  • Optional orientation?: "landscape" | "portrait"
  • Optional type?: "screen" | "print" | "all"

NestedCSSSelectors

NestedCSSSelectors: object

Type declaration

Generated using TypeDoc