BordersContext

@ExperimentalCoroutinesApi
class BordersContext(val styleParams: StyleParams, target: StringBuilder) : StyleParams

This context class acts as an intermediate context to style the four sides of a border independently.

It offers the four functions top, right, bottom and left to bring in the BorderContext scope in order to set the properties for each side individually.

There are also two convenience functions horizontal and vertical that enables the pairwise styling for the related horizontal or vertical sides.

For the final usage have a look at BorderContext.

Parameters

styleParams

basic context scope interface

target

the defined output StringBuilder to write the generated CSS into

Constructors

Link copied to clipboard
fun BordersContext(styleParams: StyleParams, target: StringBuilder)

Functions

Link copied to clipboard
fun bottom(value: BorderContext.() -> Unit)

This function opens a context (BorderContext) to specify the border styles for the bottom side of a block via the `border-bottom-{property}` CSS properties.

Link copied to clipboard
fun horizontal(value: BorderContext.() -> Unit)

This is a convenience function that opens a context (BorderContext) to specify the border styles for both horizontal sides of a block at once, that is the top and bottom side via `border-top-{property}` and `border-bottom-{property}` CSS properties.

Link copied to clipboard
fun left(value: BorderContext.() -> Unit)

This function opens a context (BorderContext) to specify the border styles for the left side of a block via the `border-left-{property}` CSS properties.

Link copied to clipboard
fun right(value: BorderContext.() -> Unit)

This function opens a context (BorderContext) to specify the border styles for the right side of a block via the `border-right-{property}` CSS properties.

Link copied to clipboard
fun top(value: BorderContext.() -> Unit)

This function opens a context (BorderContext) to specify the border styles for the top side of a block via the `border-top-{property}` CSS properties.

Link copied to clipboard
fun vertical(value: BorderContext.() -> Unit)

This is a convenience function that opens a context (BorderContext) to specify the border styles for both vertical sides of a block at once, that is the right and left hand side via `border-left-{property}` and `border-right-{property}` CSS properties.

Properties

Link copied to clipboard
open override val lgProperties: StringBuilder

collects the properties for large screens

Link copied to clipboard
open override val mdProperties: StringBuilder

collects the properties for middle-sized screens

Link copied to clipboard
open override val smProperties: StringBuilder

collects the properties for small screens

Link copied to clipboard
val styleParams: StyleParams
Link copied to clipboard
open override val xlProperties: StringBuilder

collects the properties for extra-large screens