styling/dev.fritz2.styling.params/Border

Border

@ExperimentalCoroutinesApi

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

It offers two functions to define the border shape itself (border) and the radius (radius) of the border. Both functions come in two variants:

one for the styling for all sides / corners at once
another for the individual styling of each side / corner

The actual styling of the borders is done within a specific context that the border and borders functions bring directly or via an intermediate context (have a look at BordersContext) into scope: BorderContext.

The styling for the radius is done by the radius function for all radii at once. For styling each corner or pairs of corner you can use the radii function in order to bring a specific context into the scope: RadiiContext

Last but not least there exist a variant for all four previous functions that enables one to define the styling for the different media devices independently.

Functions

border

open fun border(value: BorderContext.() -> Unit)

This function opens the context for defining the border related properties for all media devices.

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

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

borders

open fun borders(value: BordersContext.() -> Unit)

This function opens the intermediate context for defining the border related properties independently for each side for all media devices.

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

This function opens the intermediate context for defining the border related properties independently for each side and for each media device.

radii

open fun radii(value: RadiiContext.() -> Unit)

This function opens the context for defining the radius related properties for each corner independently for all media devices.

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

This function opens the context for defining the radius related properties for each corner and for each media device independently

radius