RadiiContext

This context class is used to provide a scope for styling the four radii of a border independently.

It offers the four functions topLeft, topRight, bottomRight and bottomLeft to set the radius property for each corner independently. There are also convenience functions to handle the radii of one side at once, like right and left or top and bottom. Those are most useful for pairwise usage of course.

The theme offers predefined values as ScaledValueProperty via its dev.fritz2.styling.theme.Theme.radii property.

This usage enables border styling for each side like this:

radii { /* it == RadiiContext.() -> Property */
        topLeft { small } // predefined values only for _circles_!
        topRight { small }
        bottomRight { big }
        bottomLeft { "1em 2em" } // provide a custom property for _ellipsis_
    }
    // or with a pair of convenience functions:
    radii {
        top { small }
        bottom { large }
    }