styling/dev.fritz2.styling.params/Typo

Typo

@ExperimentalCoroutinesApi
interface Typo : StyleParams
Content copied to clipboard

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

Link copied to clipboard
open fun fontFamily(value: FontFamilies.() -> Property)
Content copied to clipboard

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)
Content copied to clipboard

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

Link copied to clipboard
open fun fontSize(value: ScaledValueProperty)
Content copied to clipboard

This function sets the font-size property

open fun fontSize(    sm: ScaledValueProperty? = null,     md: ScaledValueProperty? = null,     lg: ScaledValueProperty? = null,     xl: ScaledValueProperty? = null)
Content copied to clipboard

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

Link copied to clipboard
open fun fontStyle(value: FontStyles.() -> FontStyleProperty)
Content copied to clipboard

This function sets the font-style property

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

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

Link copied to clipboard
open fun fontWeight(value: FontWeights.() -> FontWeightProperty)
Content copied to clipboard

This function sets the font-weight property

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

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

Link copied to clipboard
open fun letterSpacing(value: ScaledValueProperty)
Content copied to clipboard

This function sets the letter-spacing property

open fun letterSpacing(    sm: ScaledValueProperty? = null,     md: ScaledValueProperty? = null,     lg: ScaledValueProperty? = null,     xl: ScaledValueProperty? = null)
Content copied to clipboard

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

Link copied to clipboard
open fun lineHeight(value: ScaledValueProperty)
Content copied to clipboard

This function sets the line-height property

open fun lineHeight(    sm: ScaledValueProperty? = null,     md: ScaledValueProperty? = null,     lg: ScaledValueProperty? = null,     xl: ScaledValueProperty? = null)
Content copied to clipboard

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

Link copied to clipboard
open fun textAlign(value: TextAligns.() -> TextAlignProperty)
Content copied to clipboard

This function sets the text-align property

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

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

Link copied to clipboard
open fun textDecoration(value: TextDecorations.() -> TextDecorationProperty)
Content copied to clipboard

This function sets the text-decoration property

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

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

Link copied to clipboard
open fun textTransform(value: TextTransforms.() -> TextTransformProperty)
Content copied to clipboard

This function sets the text-transform property

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

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

Properties

Link copied to clipboard
abstract val lgProperties: StringBuilder
Content copied to clipboard

collects the properties for large screens

Link copied to clipboard
abstract val mdProperties: StringBuilder
Content copied to clipboard

collects the properties for middle-sized screens

Link copied to clipboard
abstract val smProperties: StringBuilder
Content copied to clipboard

collects the properties for small screens

Link copied to clipboard
abstract val xlProperties: StringBuilder
Content copied to clipboard

collects the properties for extra-large screens

Inheritors

Link copied to clipboard