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

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

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

This function sets the align-items propertyExample call:

alignItems { 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.

justifyContent

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

This function sets the justify-content propertyExample call:

justifyContent { 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.

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

Inheritors

Flexbox

GridLayout