Shadow

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

It offers functions to define box-shadow and text-shadow properties.

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

Functions

boxShadow

open fun boxShadow(value: Shadows.() -> Property)

This function sets the box-shadow property.

open fun boxShadow(sm: Shadows.() -> Property? = null, md: Shadows.() -> Property? = null, lg: Shadows.() -> Property? = null, xl: Shadows.() -> Property? = null)

This function sets the box-shadow property for each media device independently.

textShadow

This function sets the text-shadow property.

open fun textShadow(sm: Shadows.() -> Property? = null, md: Shadows.() -> Property? = null, lg: Shadows.() -> Property? = null, xl: Shadows.() -> Property? = null)

This function sets the text-shadow property 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