Types

Angle
Type

A type that maps to CSS's <angle> type.

Value constructors:
Calculation
Type

The type of values that are to be computed by the browser (<calc()>)

Value constructors:
CubicBezierFunction
Type

A type that maps to the cubic-bezier() subset of CSS's <easing-function> .

Value constructors:
CustomIdent
Type

A type that maps to CSS's <custom-ident> .

Value constructors:
Decibel
Type

A type that maps to CSS's <decibel> type.

Value constructors:
Duration
Type

A type that maps to CSS's <time> type.

Value constructors:
Env
Type
Value constructors:
Gradient
Type

A type that maps to CSS's <gradient> type.

Value constructors:
HEX
Type

A type that maps to CSS's <hex-color>.

Value constructors:
HSL
Type

A type that maps to CSS's <hsl()>.

Value constructors:
HSLA
Type

A type that maps to CSS's <hsla()>.

Value constructors:
Image
Type
Value constructors:
Length
Type

A type that maps to CSS's <length> type.

Value constructors:
Percentage
Type

A type that maps to CSS's <percentage> type.

Value constructors:
Position
Type

A value of this type defines an (x, y) coordinate.

Value constructors:
RGB
Type

A type that maps to CSS's <rgb()>

Value constructors:
RGBA
Type

A type that maps to CSS's <rgba()>.

Value constructors:
StepsFunction
Type

A type that maps to the steps() subset of CSS's <easing-function> .

Value constructors:
URI
Type

A type that maps to CSS's <uri> type.

Value constructors:
URL
Type

A type that maps to CSS's <url> type.

Value constructors:

Type aliases

Color
Type alias
GlobalCssKeyword
Type alias
typealias GlobalCssKeyword = "inherit" | "initial" | "unset"
ImageValue
Type alias
typealias ImageValue = URI | URL | Gradient | Image
LengthPercentage
Type alias
typealias LengthPercentage = Length | Percentage
LineStyle
Type alias
typealias LineStyle = "none" | "hidden" | "dotted" | "dashed" | "solid" | "double" | "groove" | "ridge" | "inset" | "outset"
LineWidth
Type alias
typealias LineWidth = Length | "thin" | "medium" | "thick"
Width
Type alias
typealias Width = LengthPercentage | "auto"

Value constructors

deg
Value constructor

Constructs a value of type Angle where the unit is deg.

(x: number) => Angle
grad
Value constructor

Constructs a value of type Angle where the unit is grad.

(x: number) => Angle
rad
Value constructor

Constructs a value of type Angle where the unit is rad.

(x: number) => Angle
turn
Value constructor

Constructs a value of type Angle where the unit is turn.

(x: number) => Angle
cadd
Value constructor
cdiv
Value constructor
(x1: LengthPercentage | Calculation | Env, x2: number) => Calculation
cmult
Value constructor
(x1: LengthPercentage | Calculation | Env, x2: number) => Calculation
(x1: number, x2: LengthPercentage | Calculation | Env) => Calculation
csub
Value constructor
bezier
Value constructor

Constructs a value of type CubicBezierFunction.

(x1: number, x2: number, x3: number, x4: number) => CubicBezierFunction
ident
Value constructor

Constructs a value of type CustomIdent.

(x: string) => CustomIdent
db
Value constructor

Constructs a value of type Decibel.

(x: number) => Decibel
ms
Value constructor

Constructs a value of type Duration<'ms'>

(x: number) => Duration
s
Value constructor

Constructs a value of type Duration<'s'>

(x: number) => Duration
env
Value constructor

Constructs a value of type Env. This functions maps to CSS's env()

(safeAreaInsetVariable: SafeAreaInsetVariable) => Env
(safeAreaInsetVariable: SafeAreaInsetVariable, x: any) => Env
linGrad
Value constructor

Constructs a value of type Gradient<linear-gradient>. This function maps to CSS's linear-gradient()

radGrad
Value constructor

Constructs a value of type Gradient<radial-gradient>. This function maps to CSS's radial-gradient()

repLinGrad
Value constructor

Constructs a value of type Gradient<repeat-linear-gradient>. This function maps to CSS's repeat-linear-gradient()

repRadGrad
Value constructor

Constructs a value of type Gradient<repeat-radial-gradient>. This function maps to CSS's repeat-radial-gradient()

hex
Value constructor

Constructs a value of type HEX.

(x: string) => HEX
hsl
Value constructor

Constructs a value of type HSL.

(x1: number, x2: Percentage, x3: Percentage) => HSL
hsla
Value constructor

Constructs a value of type HSLA.

(x1: number, x2: Percentage, x3: Percentage, x4: number) => HSLA
image
Value constructor

Constructs a value of type Image where the unit is mm.

ch
Value constructor

Constructs a value of type Length<'ch'>.

(x: number) => Length
cm
Value constructor

Constructs a value of type Length<'cm'>.

(x: number) => Length
em
Value constructor

Constructs a value of type Length<'em'>.

(x: number) => Length
ex
Value constructor

Constructs a value of type Length<'ex'>.

(x: number) => Length
in
Value constructor

Constructs a value of type Length<'in'>.

(x: number) => Length
mm
Value constructor

Constructs a value of type Length<'mm'>.

(x: number) => Length
pc
Value constructor

Constructs a value of type Length<'pc'>.

(x: number) => Length
pt
Value constructor

Constructs a value of type Length<'pt'>.

(x: number) => Length
px
Value constructor

Constructs a value of type Length<'px'>.

(x: number) => Length
q
Value constructor

Constructs a value of type Length<'q'>.

(x: number) => Length
rem
Value constructor

Constructs a value of type Length<'rem'>.

(x: number) => Length
vh
Value constructor

Constructs a value of type Length<'vh'>.

(x: number) => Length
vmax
Value constructor

Constructs a value of type Length<'vmax'>.

(x: number) => Length
vmin
Value constructor

Constructs a value of type Length<'vmin'>.

(x: number) => Length
vw
Value constructor

Constructs a value of type Length<'vw'>.

(x: number) => Length
per
Value constructor

Constructs a value of type Percentage.

(x: number) => Percentage
pos
Value constructor

Constructs a value of type Position.

rgb
Value constructor

Constructs a value of type RGB.

(x1: Percentage, x2: Percentage, x3: Percentage) => RGB
(x1: RGBInteger, x2: RGBInteger, x3: RGBInteger) => RGB
rgba
Value constructor

Constructs a value of type RGBA.

(x1: Percentage, x2: Percentage, x3: Percentage, x4: number) => RGBA
(x1: RGBInteger, x2: RGBInteger, x3: RGBInteger, x4: number) => RGBA
steps
Value constructor

Constructs a value of type StepsFunction.

(num: number, stepPosition: StepPosition) => StepsFunction
matrix
Value constructor

Constructs a value of type TransformFunction<'matrix'>.

(x1: number, x2: number, x3: number, x4: number, x5: number, x6: number) => TransformFunction
matrix3d
Value constructor

Constructs a value of type TransformFunction<'matrix3d'>.

(x1: number, x2: number, x3: number, x4: number, x5: number, x6: number, x7: number, x8: number, x9: number, x10: number, x11: number, x12: number, x13: number, x14: number, x15: number, x16: number) => TransformFunction
perspective
Value constructor

Constructs a value of type TransformFunction<'perspective'>.

rotate
Value constructor

Constructs a value of type TransformFunction<'rotate'>.

rotate3d
Value constructor

Constructs a value of type TransformFunction<'rotate3d'>.

(x: number, y: number, z: number, a: Angle) => TransformFunction
rotateX
Value constructor

Constructs a value of type TransformFunction<'rotateX'>.

rotateY
Value constructor

Constructs a value of type TransformFunction<'rotateY'>.

rotateZ
Value constructor

Constructs a value of type TransformFunction<'rotateZ'>.

scale
Value constructor

Constructs a value of type TransformFunction<'scale'>.

(x: number, y: undefined | number) => TransformFunction
scale3d
Value constructor

Constructs a value of type TransformFunction<'scale3d'>.

(x: number, y: number, z: number) => TransformFunction
scaleX
Value constructor

Constructs a value of type TransformFunction<'scaleX'>.

(x: number) => TransformFunction
scaleY
Value constructor

Constructs a value of type TransformFunction<'scaleY'>.

(x: number) => TransformFunction
scaleZ
Value constructor

Constructs a value of type TransformFunction<'scaleZ'>.

(x: number) => TransformFunction
skew
Value constructor

Constructs a value of type TransformFunction<'skew'>.

skewX
Value constructor

Constructs a value of type TransformFunction<'skewX'>.

skewY
Value constructor

Constructs a value of type TransformFunction<'skewY'>.

translate
Value constructor

Constructs a value of type TransformFunction<'translate'>.

translate3d
Value constructor

Constructs a value of type TransformFunction<'translate3d'>.

translateX
Value constructor

Constructs a value of type TransformFunction<'translateX'>.

translateY
Value constructor

Constructs a value of type TransformFunction<'translateY'>.

translateZ
Value constructor

Constructs a value of type TransformFunction<'translateZ'>.

uri
Value constructor

Constructs a value of type URI.

(x: string) => URI
url
Value constructor

Constructs a value of type URL.

(x: string) => URL

Properties

alignContent
Property

Maps to CSS's align-content property

alignContent: "normal" | BaseLinePosition | ContentDistribution | "center" | ["safe", "center"] | ["unsafe", "center"] | "start" | ["safe", "start"] | ["unsafe", "start"] | "end" | ["safe", "end"] | ["unsafe", "end"] | "flex-start" | ["safe", "flex-start"] | ["unsafe", "flex-start"] | "flex-end" | ["safe", "flex-end"] | ["unsafe", "flex-end"] | GlobalCssKeyword
alignItems
Property

Maps to CSS's align-items property

alignItems: "normal" | "stretch" | BaseLinePosition | "center" | ["safe", "center"] | ["unsafe", "center"] | "start" | ["safe", "start"] | ["unsafe", "start"] | "end" | ["safe", "end"] | ["unsafe", "end"] | "self-start" | ["safe", "self-start"] | ["unsafe", "self-start"] | "self-end" | ["safe", "self-end"] | ["unsafe", "self-end"] | "flex-start" | ["safe", "flex-start"] | ["unsafe", "flex-start"] | "flex-end" | ["safe", "flex-end"] | ["unsafe", "flex-end"] | GlobalCssKeyword
alignSelf
Property

Maps to CSS's align-self property

alignSelf: "auto" | "normal" | "stretch" | BaseLinePosition | "center" | ["safe", "center"] | ["unsafe", "center"] | "start" | ["safe", "start"] | ["unsafe", "start"] | "end" | ["safe", "end"] | ["unsafe", "end"] | "flex-start" | ["safe", "flex-start"] | ["unsafe", "flex-start"] | "flex-end" | ["safe", "flex-end"] | ["unsafe", "flex-end"] | "self-start" | ["safe", "self-start"] | ["unsafe", "self-start"] | "self-end" | ["safe", "self-end"] | ["unsafe", "self-end"] | GlobalCssKeyword
animation
Property

Maps to CSS's animation property

animationDelay
Property

Maps to CSS's animation-delay property

animationDelay: Duration | Duration[] | GlobalCssKeyword
animationDirection
Property

Maps to CSS's animation-direction property

animationDuration
Property

Maps to CSS's animation-duration property

animationDuration: Duration | Duration[] | GlobalCssKeyword
animationFillMode
Property

Maps to CSS's animation-fill-mode property

animationIterationCount
Property

Maps to CSS's animation-iteration-count property

animationIterationCount: "infinit" | number | ("infinit" | number)[] | GlobalCssKeyword
animationName
Property

Maps to CSS's animation-name property

animationName: "none" | KeyFramesName | ("none" | KeyFramesName)[] | GlobalCssKeyword
animationPlayState
Property

Maps to CSS's animation-play-state property

animationTimingFunction
Property

Maps to CSS's animation-timing-function property

animationTimingFunction: TimingFunction | TimingFunction[] | GlobalCssKeyword
backfaceVisibility
Property

Maps to CSS's backface-visibility property

backfaceVisibility: "visible" | "hidden" | GlobalCssKeyword
backgroundAttachment
Property

A RB property that maps to CSS's background-attachment property

backgroundAttachment: "scroll" | "fixed" | "local" | GlobalCssKeyword
backgroundClip
Property

Maps to CSS's background-clip property

backgroundClip: Box | Box[] | GlobalCssKeyword
backgroundOrigin
Property

Maps to CSS's background-origin property

backgroundOrigin: Box | Box[] | GlobalCssKeyword
backgroundRepeat
Property

Maps to CSS's background-repeat property. The implemenation omits single keywords and enforces tuples. To use "repeat-x" use repeat, no-repeat, for "repeat-y" use no-repeat, no-repeat

backgroundRepeat: RepeatStyle | RepeatStyle[] | GlobalCssKeyword
backgroundSize
Property

A RB property that maps to CSS's background-size property

backgroundColor
Property

Maps to CSS's background-color property

backgroundColor: Color | GlobalCssKeyword
backgroundImage
Property

A RB property that maps to CSS's background-image property

backgroundPosition
Property

A RB property that maps to CSS's background-position property

backgroundPosition: Position | Position[] | GlobalCssKeyword
borderBottomColor
Property

Maps to CSS's border-bottom-color property

borderBottomColor: DoubleBar<> | GlobalCssKeyword | "none"
borderBottom
Property

Maps to CSS's border-bottom property

borderBottomLeftRadius
Property

Maps to CSS's border-bottom-left-radius property

borderBottomRightRadius
Property

Maps to CSS's border-bottom-right-radius property

borderBottomStyle
Property

Maps to CSS's border-bottom-style property

borderBottomStyle: LineStyle | GlobalCssKeyword
borderBottomWidth
Property

Maps to CSS's border-bottom-width property

borderBottomWidth: LineWidth | GlobalCssKeyword
borderCollapse
Property

Maps to CSS's border-collapse property

borderCollapse: "separate" | "collapse" | GlobalCssKeyword
borderColor
Property

Maps to CSS's border-color property

border
Property

Maps to CSS's border property

borderImage
Property

Maps to CSS's border-image property

borderImageOutset
Property

A RB property that maps to CSS's border-image-outset property

borderImageOutset: Length | number |
ArrayMin2Max4<
Length | number
>
|
GlobalCssKeyword
borderImageRepeat
Property

A RB property that maps to CSS's border-image-repeat property

borderImageSlice
Property

A RB property that maps to CSS's border-image-slice property

borderImageSource
Property

A RB property that maps to CSS's border-image-source property

borderImageSource: ImageValue | "none" | GlobalCssKeyword
borderImageWidth
Property

A RB property that maps to CSS's border-image-width property

borderImageWidth: Width |
ArrayMin2Max4<>
|
GlobalCssKeyword
borderLeftColor
Property

Maps to CSS's border-left-color property

borderLeftColor: DoubleBar<> | GlobalCssKeyword | "none"
borderLeft
Property

Maps to CSS's border-left property

borderLeftStyle
Property

Maps to CSS's border-left-style property

borderLeftStyle: LineStyle | GlobalCssKeyword
borderLeftWidth
Property

Maps to CSS's border-left-width property

borderLeftWidth: LineWidth | GlobalCssKeyword
borderRadius
Property

Maps to CSS's border-radius property

borderRightColor
Property

Maps to CSS's border-right-color property

borderRightColor: DoubleBar<> | GlobalCssKeyword | "none"
borderRight
Property

Maps to CSS's border-right property

borderRightStyle
Property

Maps to CSS's border-right-style property

borderRightStyle: LineStyle | GlobalCssKeyword
borderRightWidth
Property

Maps to CSS's border-right-width property

borderRightWidth: LineWidth | GlobalCssKeyword
borderSpacing
Property

Maps to CSS's border-spacing property

borderSpacing: Length | [Length, Length] | GlobalCssKeyword
borderStyle
Property

Maps to CSS's border-style property

borderTopColor
Property

Maps to CSS's border-top-color property

borderTopColor: DoubleBar<> | GlobalCssKeyword | "none"
borderTop
Property

Maps to CSS's border-top property

borderTopLeftRadius
Property

Maps to CSS's border-top-left-radius property

borderTopRightRadius
Property

Maps to CSS's border-top-right-radius property

borderTopStyle
Property

Maps to CSS's border-top-style property

borderTopStyle: LineStyle | GlobalCssKeyword
borderTopWidth
Property

Maps to CSS's border-top-width property

borderTopWidth: LineWidth | GlobalCssKeyword
borderWidth
Property

Maps to CSS's border-width property

bottom
Property

Maps to CSS's bottom property

boxShadow
Property

Maps to CSS's box-shadow property

boxShadow: Shadow | Shadow[] | "none" | GlobalCssKeyword
boxSizing
Property

Maps to CSS's box-sizing property

breakAfter
Property

Maps to CSS's break-after property

breakBefore
Property

Maps to CSS's break-before property

breakInside
Property

Maps to CSS's break-inside property

color
Property

Maps to CSS's color property

cursor
Property

Maps to CSS's cursor property

display
Property

Maps to CSS's display property

flexBasis
Property

Maps to CSS's flex-basis property

flexBasis: "content" | Width | GlobalCssKeyword
flex
Property

Maps to CSS's flex property

flexDirection
Property

Maps to CSS's flex-direction property

flexDirection: "row" | "row-reverse" | "column" | "column-reverse" | GlobalCssKeyword
flexGrow
Property

Maps to CSS's flex-grow property

flexGrow: number | GlobalCssKeyword
flexShrink
Property

Maps to CSS's flex-shrink property

flexShrink: number | GlobalCssKeyword
fontFamily
Property

Maps to CSS's font-family property

fontFamily: string | string[]
fontKerning
Property

Maps to CSS's font-kerning property

fontKerning: "auto" | "normal" | "none" | GlobalCssKeyword
fontOpticalSizing
Property

Maps to CSS's font-optical-sizing property

fontOpticalSizing: FontOpticalSizingPropValue
fontSizeAdjust
Property

Maps to CSS's font-size-adjust property

fontSizeAdjust: FontSizeAdjustPropValue
fontSize
Property

Maps to CSS's font-size property

fontStretch
Property

Maps to CSS's font-stretch property

fontStretch: Percentage | "normal" | "ultra-condensed" | "extra-condensed" | "condensed" | "semi-condensed" | "semi-expanded" | "expanded" | "extra-expanded" | "ultra-expanded" | GlobalCssKeyword
fontStyle
Property

Maps to CSS's font-style property

fontStyle: "normal" | "italic" | "oblique" | GlobalCssKeyword
fontSynthesis
Property

Maps to CSS's font-synthesis property

fontSynthesis: "none" | "weight" | "style" | ["weight", "style"] | ["style", "weight"] | GlobalCssKeyword
fontSynthesisSmallCaps
Property

Maps to CSS's font-synthesis-small-caps property

fontSynthesisSmallCaps: "auto" | "none" | GlobalCssKeyword
fontSynthesisStyle
Property

Maps to CSS's font-synthesis-style property

fontSynthesisStyle: "auto" | "none" | GlobalCssKeyword
fontSynthesisWeight
Property

Maps to CSS's font-synthesis-weight property

fontSynthesisWeight: "auto" | "none" | GlobalCssKeyword
fontVariantCaps
Property

Maps to CSS's font-variant-caps property

fontVariantCaps: "normal" | "small-caps" | "all-small-caps" | "petite-caps" | "all-petite-caps" | "unicase" | "titling-caps" | GlobalCssKeyword
fontVariantEmoji
Property

Maps to CSS's font-variant-emoji property

fontVariantEmoji: "auto" | "text" | "emoji" | "unicode" | GlobalCssKeyword
fontVariantLigatures
Property

Maps to CSS's font-variant-ligatures property

fontVariantLigatures: "normal" | "none" | DoubleBar<> | GlobalCssKeyword
fontVariantNumeric
Property

Maps to CSS's font-variant-numeric property

fontVariantNumeric: "normal" | "ordinal" | "slashed-zero" | NumericFigureValues | NumericSpacingValues | NumericFractionValues | GlobalCssKeyword
fontVariantPosition
Property

Maps to CSS's font-variant-position property

fontVariantPosition: "normal" | "sub" | "super" | GlobalCssKeyword
fontVariationSettings
Property

Maps to CSS's font-variation-settings property

fontVariationSettings: "normal" | [string, number] | [string, number][] | GlobalCssKeyword
fontWeight
Property

Maps to CSS's font-weight property

height
Property

Maps to CSS's height property

justifyContent
Property

Maps to CSS's justify-content property

justifyItems
Property

Maps to CSS's justify-items property

justifyItems: "normal" | "stretch" | BaseLinePosition | "center" | ["safe", "center"] | ["unsafe", "center"] | "start" | ["safe", "start"] | ["unsafe", "start"] | "end" | ["safe", "end"] | ["unsafe", "end"] | "flex-start" | ["safe", "flex-start"] | ["unsafe", "flex-start"] | "flex-end" | ["safe", "flex-end"] | ["unsafe", "flex-end"] | "self-start" | ["safe", "self-start"] | ["unsafe", "self-start"] | "self-end" | ["safe", "self-end"] | ["unsafe", "self-end"] | "left" | ["safe", "left"] | ["unsafe", "left"] | "right" | ["safe", "right"] | ["unsafe", "right"] | "legacy" | ["legacy", "right"] | ["right", "legacy"] | ["legacy", "left"] | ["left", "legacy"] | ["legacy", "center"] | ["center", "legacy"] | GlobalCssKeyword
left
Property

Maps to CSS's left property

letterSpacing
Property

Maps to CSS's letter-spacing property

letterSpacing: "normal" | Length | GlobalCssKeyword
lineHeight
Property

Maps to CSS's line-height property

lineHeight: "normal" | number | LengthPercentage | Calculation | GlobalCssKeyword
listStyle
Property

Maps to CSS's list-style property

listStyle: string | string[]
listStyleImage
Property

Maps to CSS's list-style-image property

listStyleImage: ImageValue | "none" | GlobalCssKeyword
listStylePosition
Property

Maps to CSS's list-style-position property

listStylePosition: "inside" | "outside" | GlobalCssKeyword
listStyleType
Property

Maps to CSS's list-style-type property

listStyleType: string
marginX
Property

Maps to CSS's margin-left and margin-right properties. If a pair (a tuple of two elements) is provided then the values in it will be mapped to margin-left and margin-right respectively. Otherwise the provided value will be used for both.

marginY
Property

Maps to CSS's margin-top and margin-bottom properties. If a pair (a tuple of two elements) is provided then the values in it will be mapped to margin-top and margin-bottom respectively. Otherwise the provided value will be used for both.

maxHeight
Property

Maps to CSS's max-height property

maxWidth
Property

Maps to CSS's max-width property

minHeight
Property

Maps to CSS's min-height property

minWidth
Property

Maps to CSS's min-width property.

objectFit
Property

Maps to CSS's object-fit property

objectFit: "fill" | "contain" | "cover" | "none" | "scale" | GlobalCssKeyword
opacity
Property

Maps to CSS's opacity property

opacity: number | Percentage | GlobalCssKeyword
order
Property

Maps to CSS's order property

order: number | GlobalCssKeyword
outlineColor
Property

Maps to CSS's outline-color property

outlineColor: Color | "invert" | GlobalCssKeyword
outline
Property

Maps to CSS's outline property

outline: DoubleBar<> | GlobalCssKeyword
outlineStyle
Property

Maps to CSS's outline-style property

outlineStyle: LineStyle | GlobalCssKeyword
outlineWidth
Property

Maps to CSS's outline-width property

outlineWidth: Length | "thin" | "medium" | "thick" | GlobalCssKeyword
overflow
Property

Maps to CSS's overflow property

paddingBottom
Property

Maps to CSS's padding-bottom property

paddingLeft
Property

Maps to CSS's padding-left property

paddingRight
Property

Maps to CSS's padding-right property

paddingTop
Property

Maps to CSS's padding-top property

paddingX
Property

Maps to CSS's padding-left and padding-right properties. If a pair (a tuple of two elements) is provided then the values in it will be mapped to padding-left and padding-right respectively. Otherwise if a single value of type LengthPercentage is provided then it will be used for both.

paddingY
Property

Maps to CSS's padding-top and padding-bottom properties. If a pair (a tuple of two elements) is provided then the values in it will be mapped to padding-top and padding-bottom respectively. Otherwise if a single value of type LengthPercentage is provided then it will be used for both.

perspective
Property

Maps to CSS's perspective property

perspective: "none" | Length | Calculation | GlobalCssKeyword
perspectiveOrigin
Property

Maps to CSS's perspective-origin property

perspectiveOrigin: Position | GlobalCssKeyword
position
Property

Maps to CSS's position property

position: "relative" | "absolute" | "static" | "fixed" | "sticky" | GlobalCssKeyword
right
Property

Maps to CSS's right property

textAlign
Property

Maps to CSS's text-align property

textAlign: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent" | "justify-all" | GlobalCssKeyword
textEmphasisColor
Property

Maps to CSS's text-emphasis-color property

textEmphasisColor: Color | GlobalCssKeyword
textEmphasisPosition
Property

Maps to CSS's text-emphasis-position property

textEmphasisPosition: "over" | "under" | ["over"] | ["under"] | ["over", "right"] | ["right", "over"] | ["over", "left"] | ["left", "over"] | ["under", "right"] | ["right", "under"] | ["under", "left"] | ["left", "under"] | GlobalCssKeyword
textEmphasisSkip
Property

Maps to CSS's text-emphasis-skip property

textEmphasisSkip: DoubleBar<
"spaces",
"punctuation",
"symbols",
"narrow"
>
|
GlobalCssKeyword
textGroupAlign
Property

Maps to CSS's text-group-align property

textGroupAlign: "none" | "start" | "end" | "left" | "right" | "center" | GlobalCssKeyword
textIndent
Property

Maps to CSS's text-indent property

textJustify
Property

Maps to CSS's text-justify property

textJustify: "auto" | "none" | "inter-word" | "inter-character" | GlobalCssKeyword
textOrientation
Property

Maps to CSS's text-orientation property

textOrientation: "mixed" | "upright" | "sideways" | GlobalCssKeyword
textTransform
Property

Maps to CSS's text-transform property

textUnderlineOffset
Property

Maps to CSS's text-underline-position property

textUnderlineOffset: LengthPercentage | "auto" | GlobalCssKeyword
textUnderlinePosition
Property

Maps to CSS's text-underline-position property

textUnderlinePosition: TextUnderlinePosition | GlobalCssKeyword
textWrap
Property

Maps to CSS's text-wrap property

textWrap: "wrap" | "nowrap" | "balance" | "stable" | "pretty" | GlobalCssKeyword
top
Property

Maps to CSS's top property

transformBox
Property

Maps to CSS's transform-box property

transformBox: "content-box" | "border-box" | "fill-box" | "stroke-box" | "view-box" | GlobalCssKeyword
transform
Property

Maps to CSS's transform property

transformOrigin
Property

Maps to CSS's transform-origin property. If a pair is provided, it represents x-offset and y-offset in order, If a triple is provided it represents x-offset, y-offset and z-offset in order.

transformOrigin: Offset | GlobalCssKeyword
transformStyle
Property

Maps to CSS's transform-style property

transformStyle: "flat" | "preserve-3d" | GlobalCssKeyword
transition
Property

Maps to CSS's transition property

transitionDelay
Property

Maps to CSS's transition-delay property

transitionDelay: GlobalCssKeyword | Duration | Duration[]
transitionDuration
Property

Maps to CSS's transition-duration property

transitionDuration: GlobalCssKeyword | Duration | Duration[]
transitionProperty
Property

Maps to CSS's transition-property property

transitionProperty: "none" | "all" | AnimatableProperty | CustomIdent | (AnimatableProperty | CustomIdent)[] | GlobalCssKeyword
transitionTimingFunction
Property

Maps to CSS's transition-timing-function property

transitionTimingFunction: TimingFunction | TimingFunction[]
unicodeBidi
Property

Maps to CSS's unicode-bidi property

unicodeBidi: "normal" | "embed" | "isolate" | "bidi-override" | "isolate-override" | "plaintext" | GlobalCssKeyword
userSelect
Property

Maps to CSS's user-select property

userSelect: "auto" | "text" | "none" | "contain" | "all" | GlobalCssKeyword
verticalAlign
Property

Maps to CSS's vertical-align property

visibility
Property

Maps to CSS's visibility property

visibility: "visible" | "hidden" | "collapse" | GlobalCssKeyword
voiceRate
Property

Maps to CSS's voice-rate property

voiceStress
Property

Maps to CSS's voice-stress property

voiceStress: "normal" | "strong" | "moderate" | "none" | "reduced" | GlobalCssKeyword
voiceVolume
Property

Maps to CSS's voice-volume property

volume
Property

Maps to CSS's volume property

whiteSpace
Property

Maps to CSS's white-space property

whiteSpace: "normal" | "pre" | "nowrap" | "pre-wrap" | "pre-line" | GlobalCssKeyword
widows
Property

Maps to CSS's widows property

widows: number | GlobalCssKeyword
width
Property

Maps to CSS's width property

willChange
Property

Maps to CSS's will-change property

wordSpacing
Property

Maps to CSS's word-spacing property

wordSpacing: "normal" | Length | GlobalCssKeyword
writingMode
Property

Maps to CSS's writing-mode property

writingMode: "horizontal-tb" | "vertical-rl" | "vertical-lr" | "sideways-rl" | "sideways-lr" | GlobalCssKeyword
zIndex
Property

Maps to CSS's z-index property

zIndex: number | "auto" | GlobalCssKeyword
justifySelf
Property

Maps to CSS's justify-self property

justifySelf: "auto" | "normal" | "stretch" | BaseLinePosition | "center" | ["safe", "center"] | ["unsafe", "center"] | "start" | ["safe", "start"] | ["unsafe", "start"] | "end" | ["safe", "end"] | ["unsafe", "end"] | "flex-start" | ["safe", "flex-start"] | ["unsafe", "flex-start"] | "flex-end" | ["safe", "flex-end"] | ["unsafe", "flex-end"] | "self-start" | ["safe", "self-start"] | ["unsafe", "self-start"] | "self-end" | ["safe", "self-end"] | ["unsafe", "self-end"] | "left" | ["safe", "left"] | ["unsafe", "left"] | "right" | ["safe", "right"] | ["unsafe", "right"] | GlobalCssKeyword

Utility functions

add
utilityFunction
(x1: Duration, x2: Duration) => Duration
(x1: Length, x2: Length) => Length
(x1: Duration, x2: Duration) => Duration
div
utilityFunction
(x1: Length, x2: number) => Length
eq
utilityFunction
(x: any, y: any) => boolean
(x1: Length, x2: Length) => boolean
(x1: Duration, x2: Duration) => boolean
mult
utilityFunction
(x1: Duration, x2: number) => Duration
(x1: number, x2: Duration) => Duration
(x1: Length, x2: number) => Length
(x1: number, x2: Length) => Length
sub
utilityFunction
(x1: Duration, x2: Duration) => Duration
(x1: Length, x2: Length) => Length
(x1: Duration, x2: Duration) => Duration