Typo

@ExperimentalCoroutinesApi()

This context interface offers functions to style the typography related CSS properties of a component.

It offers functions to define text oriented style properties like font-weight, font-style, etc.

There are overrides for all functions that enable one to define the styling for the different media devices independently.

Functions

fontFamily

open fun fontFamily(value: FontFamilies.() -> Property)

This function sets the font-family property.

open fun fontFamily(sm: FontFamilies.() -> Property? = null, md: FontFamilies.() -> Property? = null, lg: FontFamilies.() -> Property? = null, xl: FontFamilies.() -> Property? = null)

This function sets the font-family property for each media device independently.

fontSize

open fun fontSize(value: ScaledValueProperty)

This function sets the font-size propertyExample call:

fontSize { small }

open fun fontSize(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)

This function sets the font-size property for each media device independently.

fontStyle

open fun fontStyle(value: FontStyles.() -> FontStyleProperty)

This function sets the font-style propertyExample call:

fontStyle { normal }

open fun fontStyle(sm: FontStyles.() -> FontStyleProperty? = null, md: FontStyles.() -> FontStyleProperty? = null, lg: FontStyles.() -> FontStyleProperty? = null, xl: FontStyles.() -> FontStyleProperty? = null)

This function sets the font-style property for each media device independently.

fontWeight

open fun fontWeight(value: FontWeights.() -> FontWeightProperty)

This function sets the font-weight propertyExample call:

fontWeight { bold }

open fun fontWeight(sm: FontWeights.() -> FontWeightProperty? = null, md: FontWeights.() -> FontWeightProperty? = null, lg: FontWeights.() -> FontWeightProperty? = null, xl: FontWeights.() -> FontWeightProperty? = null)

This function sets the font-weight property for each media device independently.

letterSpacing

open fun letterSpacing(value: ScaledValueProperty)

This function sets the letter-spacing propertyExample call:

letter-spacing { small }

open fun letterSpacing(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)

This function sets the letter-spacing property for each media device independently.

lineHeight

open fun lineHeight(value: ScaledValueProperty)

This function sets the line-height propertyExample call:

lineHeight { small }

open fun lineHeight(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)

This function sets the line-height property for each media device independently.

textAlign

open fun textAlign(value: TextAligns.() -> TextAlignProperty)

This function sets the text-align propertyExample call:

textAlign { center }

open fun textAlign(sm: TextAligns.() -> TextAlignProperty? = null, md: TextAligns.() -> TextAlignProperty? = null, lg: TextAligns.() -> TextAlignProperty? = null, xl: TextAligns.() -> TextAlignProperty? = null)

This function sets the text-align property for each media device independently.

textDecoration

open fun textDecoration(value: TextDecorations.() -> TextDecorationProperty)

This function sets the text-decoration propertyExample call:

textDecoration { bold }

open fun textDecoration(sm: TextDecorations.() -> TextDecorationProperty? = null, md: TextDecorations.() -> TextDecorationProperty? = null, lg: TextDecorations.() -> TextDecorationProperty? = null, xl: TextDecorations.() -> TextDecorationProperty? = null)

This function sets the text-decoration property for each media device independently.

textTransform

open fun textTransform(value: TextTransforms.() -> TextTransformProperty)

This function sets the text-transform propertyExample call:

textTransform { capitalize }

open fun textTransform(sm: TextTransforms.() -> TextTransformProperty? = null, md: TextTransforms.() -> TextTransformProperty? = null, lg: TextTransforms.() -> TextTransformProperty? = null, xl: TextTransforms.() -> TextTransformProperty? = null)

This function sets the text-transform property for each media device independently.

Properties

lgProperties

abstract val lgProperties: StringBuilder

collects the properties for large screens

mdProperties

abstract val mdProperties: StringBuilder

collects the properties for middle-sized screens

smProperties

abstract val smProperties: StringBuilder

collects the properties for small screens

xlProperties

abstract val xlProperties: StringBuilder

collects the properties for extra-large screens

Typo

Functions

Properties

Inheritors