Space

@ExperimentalCoroutinesApi()

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

It offers functions to define padding and margin properties.

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

Functions

margin

This function sets the margin property.

This function sets the margin property for each media device independently.

margins

open fun margins(value: SpacesContext.() -> Unit)

This function opens the context for defining the margin related properties.

open fun margins(sm: SpacesContext.() -> Unit? = null, md: SpacesContext.() -> Unit? = null, lg: SpacesContext.() -> Unit? = null, xl: SpacesContext.() -> Unit? = null)

This function opens the context for defining the margin related properties for each media device independently.

padding

This function sets the padding propertyExample call:

padding { small }

This function sets the padding property for each media device independently.

paddings

This function opens the context for defining the padding related properties.

open fun paddings(sm: SpacesContext.() -> Unit? = null, md: SpacesContext.() -> Unit? = null, lg: SpacesContext.() -> Unit? = null, xl: SpacesContext.() -> Unit? = null)

This function opens the context for defining the padding related properties for each media device independently.

lgProperties

collects the properties for large screens

mdProperties

collects the properties for middle-sized screens

smProperties

collects the properties for small screens

xlProperties

collects the properties for extra-large screens