styling/dev.fritz2.styling.params/Alignment

Alignment

interface Alignment : StyleParams

This context interface offers functions to align or justify elements.

It used in FlexParams and GridParams .

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

Functions

alignContent

js

open fun alignContent(value: AlignContentValues.() -> AlignContentProperty)

This function sets the align-content propertyExample call:

align-content { flexStart }

open fun alignContent(sm: AlignContentValues.() -> AlignContentProperty? = null, md: AlignContentValues.() -> AlignContentProperty? = null, lg: AlignContentValues.() -> AlignContentProperty? = null, xl: AlignContentValues.() -> AlignContentProperty? = null)

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

alignItems

js

open fun alignItems(value: AlignItemsValues.() -> AlignItemsProperty)

This function sets the align-items propertyExample call:

align-items { flexStart }

open fun alignItems(sm: AlignItemsValues.() -> AlignItemsProperty? = null, md: AlignItemsValues.() -> AlignItemsProperty? = null, lg: AlignItemsValues.() -> AlignItemsProperty? = null, xl: AlignItemsValues.() -> AlignItemsProperty? = null)

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

equals

js

open operator fun equals(other: Any?): Boolean

hashCode

js

open fun hashCode(): Int

justifyContent

js

open fun justifyContent(value: JustifyContentValues.() -> JustifyContentProperty)

This function sets the justify-content propertyExample call:

justify-content { flexStart }

open fun justifyContent(sm: JustifyContentValues.() -> JustifyContentProperty? = null, md: JustifyContentValues.() -> JustifyContentProperty? = null, lg: JustifyContentValues.() -> JustifyContentProperty? = null, xl: JustifyContentValues.() -> JustifyContentProperty? = null)

This function sets the justify-content property for each media device independently.

toString

js

open fun toString(): String

Properties

lgProperties

js

abstract val lgProperties: StringBuilder

collects the properties for large screens

mdProperties

js

abstract val mdProperties: StringBuilder

collects the properties for middle-sized screens

smProperties

js

abstract val smProperties: StringBuilder

collects the properties for small screens

xlProperties

js

abstract val xlProperties: StringBuilder

collects the properties for extra-large screens

Inheritors

Flexbox

GridLayout