BordersContext

@ExperimentalCoroutinesApi()
class BordersContext(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

BordersContext
Link copied to clipboard
js
fun BordersContext(styleParams: StyleParams, target: StringBuilder)
basic context scope interface

Functions

bottom
Link copied to clipboard
js
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.
equals
Link copied to clipboard
js
open operator fun equals(other: Any?): Boolean
hashCode
Link copied to clipboard
js
open fun hashCode(): Int
horizontal
Link copied to clipboard
js
fun horizontal(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.
left
Link copied to clipboard
js
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.
right
Link copied to clipboard
js
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.
top
Link copied to clipboard
js
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.
toString
Link copied to clipboard
js
open fun toString(): String
vertical
Link copied to clipboard
js
fun vertical(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.

Properties

lgProperties
Link copied to clipboard
js
open override val lgProperties: StringBuilder
collects the properties for large screens
mdProperties
Link copied to clipboard
js
open override val mdProperties: StringBuilder
collects the properties for middle-sized screens
smProperties
Link copied to clipboard
js
open override val smProperties: StringBuilder
collects the properties for small screens
styleParams
Link copied to clipboard
js
val styleParams: StyleParams
basic context scope interface
xlProperties
Link copied to clipboard
js
open override val xlProperties: StringBuilder
collects the properties for extra-large screens