compose-html-ext/com.varabyte.kobweb.compose.css.functions

Package-level declarations

Types

AngleColorStopsBuilder

typealias AngleColorStopsBuilder = Gradient.ColorStopsBuilder<CSSAngleNumericValue>

CalcScope

sealed interface CalcScope

ConicGradient

class ConicGradient : Gradient

CSSClamp

data class CSSClamp<T : CSSUnit>(val min: CSSNumericValue<out T>, val value: CSSNumericValue<out T>, val max: CSSNumericValue<out T>) : CSSNumericValue<T>

See: https://developer.mozilla.org/en-US/docs/Web/CSS/clamp

CSSFilter

class CSSFilter : CSSStyleValue

CSSImage

sealed class CSSImage : StylePropertyValue

CSSMax

class CSSMax<T : CSSUnit>(val values: CSSNumericValue<out T>) : CSSNumericValue<T>

See: https://developer.mozilla.org/en-US/docs/Web/CSS/max

CSSMin

class CSSMin<T : CSSUnit>(val values: CSSNumericValue<out T>) : CSSNumericValue<T>

See: https://developer.mozilla.org/en-US/docs/Web/CSS/min

CSSUrl

class CSSUrl : StylePropertyValue

Gradient

interface Gradient : CSSStyleValue

LengthColorStopsBuilder

typealias LengthColorStopsBuilder = Gradient.ColorStopsBuilder<CSSLengthOrPercentageNumericValue>

LinearGradient

sealed class LinearGradient : Gradient

RadialGradient

class RadialGradient : Gradient

RepeatingGradient

class RepeatingGradient<G : Gradient> : Gradient

Functions

blur

fun blur(radius: CSSLengthNumericValue): CSSFilter

brightness

fun brightness(amount: Number): CSSFilter

fun brightness(amount: CSSPercentageNumericValue): CSSFilter

calc

fun <V : Number, T : CalcScope.CalcNum<V>> calc(action: CalcScope.() -> T): V

Expresses a CSS calculation for a Number, particularly useful when it involves a StyleVariable. To be used in operations, numbers (including those derived from StyleVariables) must be wrapped in a call to CalcScope.num.

fun <T : CSSNumericValue<*>> calc(action: CalcScope.() -> T): T

Expresses a CSS calculation for a CSSNumericValue, particularly useful when it involves a StyleVariable.

clamp

fun <T : CSSUnit> clamp(min: CSSNumericValue<out T>, value: CSSNumericValue<out T>, max: CSSNumericValue<out T>): CSSClamp<T>

colorMix

fun colorMix(interpolation: ColorInterpolationMethod, color1: Pair<CSSColorValue, CSSPercentageNumericValue>, color2: Pair<CSSColorValue, CSSPercentageNumericValue>): CSSColorValue

fun colorMix(interpolation: ColorInterpolationMethod, color1: Pair<CSSColorValue, CSSPercentageNumericValue>, color2: CSSColorValue): CSSColorValue

fun colorMix(interpolation: ColorInterpolationMethod, color1: CSSColorValue, color2: Pair<CSSColorValue, CSSPercentageNumericValue>): CSSColorValue

fun colorMix(interpolation: ColorInterpolationMethod, color1: CSSColorValue, color2: CSSColorValue): CSSColorValue

conicGradient

fun conicGradient(interpolation: ColorInterpolationMethod? = null, init: AngleColorStopsBuilder.() -> Unit): ConicGradient

fun conicGradient(position: CSSPosition? = null, interpolation: ColorInterpolationMethod? = null, init: AngleColorStopsBuilder.() -> Unit): ConicGradient

fun ~~conicGradient~~(angle: CSSAngleNumericValue, from: CSSColorValue, to: CSSColorValue, position: CSSPosition? = null): ConicGradient

fun conicGradient(angle: CSSAngleNumericValue?, position: CSSPosition? = null, interpolation: ColorInterpolationMethod? = null, init: AngleColorStopsBuilder.() -> Unit): ConicGradient

fun conicGradient(from: CSSColorValue, to: CSSColorValue, angle: CSSAngleNumericValue? = null, position: CSSPosition? = null, interpolation: ColorInterpolationMethod? = null): ConicGradient

contrast

fun contrast(amount: Number): CSSFilter

fun contrast(amount: CSSPercentageNumericValue): CSSFilter

dropShadow

fun dropShadow(offsetX: CSSLengthNumericValue, offsetY: CSSLengthNumericValue, blurRadius: CSSLengthNumericValue? = null, color: CSSColorValue? = null): CSSFilter

grayscale

fun grayscale(amount: Number = 1): CSSFilter

fun grayscale(amount: CSSPercentageNumericValue): CSSFilter

hueRotate

fun hueRotate(angle: CSSAngleNumericValue): CSSFilter

invert

fun invert(amount: Number = 1): CSSFilter

fun invert(amount: CSSPercentageNumericValue): CSSFilter

linearGradient

fun linearGradient(interpolation: ColorInterpolationMethod? = null, init: LengthColorStopsBuilder.() -> Unit): LinearGradient

fun linearGradient(dir: LinearGradient.Direction, interpolation: ColorInterpolationMethod? = null, init: LengthColorStopsBuilder.() -> Unit): LinearGradient

fun ~~linearGradient~~(dir: LinearGradient.Direction, from: CSSColorValue, to: CSSColorValue): LinearGradient

fun linearGradient(from: CSSColorValue, to: CSSColorValue, interpolation: ColorInterpolationMethod? = null): LinearGradient

fun linearGradient(angle: CSSAngleNumericValue, interpolation: ColorInterpolationMethod? = null, init: LengthColorStopsBuilder.() -> Unit): LinearGradient

fun ~~linearGradient~~(angle: CSSAngleNumericValue, from: CSSColorValue, to: CSSColorValue): LinearGradient

fun linearGradient(from: CSSColorValue, to: CSSColorValue, dir: LinearGradient.Direction, interpolation: ColorInterpolationMethod? = null): LinearGradient

fun linearGradient(from: CSSColorValue, to: CSSColorValue, angle: CSSAngleNumericValue, interpolation: ColorInterpolationMethod? = null): LinearGradient

max

fun <T : CSSUnit> max(vararg values: CSSNumericValue<out T>): CSSMax<T>

min

fun <T : CSSUnit> min(vararg values: CSSNumericValue<out T>): CSSMin<T>

opacity

fun opacity(amount: Number = 1): CSSFilter

fun opacity(amount: CSSPercentageNumericValue): CSSFilter

radialGradient

fun radialGradient(interpolation: ColorInterpolationMethod? = null, init: LengthColorStopsBuilder.() -> Unit): RadialGradient

fun radialGradient(position: CSSPosition?, interpolation: ColorInterpolationMethod? = null, init: LengthColorStopsBuilder.() -> Unit): RadialGradient

fun ~~radialGradient~~(shape: RadialGradient.Shape, from: CSSColorValue, to: CSSColorValue, position: CSSPosition? = null): RadialGradient

fun radialGradient(shape: RadialGradient.Shape?, position: CSSPosition? = null, interpolation: ColorInterpolationMethod? = null, init: LengthColorStopsBuilder.() -> Unit): RadialGradient

fun radialGradient(from: CSSColorValue, to: CSSColorValue, shape: RadialGradient.Shape? = null, position: CSSPosition? = null, interpolation: ColorInterpolationMethod? = null): RadialGradient

repeatingConicGradient

fun repeatingConicGradient(interpolation: ColorInterpolationMethod? = null, init: AngleColorStopsBuilder.() -> Unit): RepeatingGradient<ConicGradient>

fun repeatingConicGradient(position: CSSPosition? = null, interpolation: ColorInterpolationMethod? = null, init: AngleColorStopsBuilder.() -> Unit): RepeatingGradient<ConicGradient>

fun repeatingConicGradient(angle: CSSAngleNumericValue?, position: CSSPosition? = null, interpolation: ColorInterpolationMethod? = null, init: AngleColorStopsBuilder.() -> Unit): RepeatingGradient<ConicGradient>

repeatingLinearGradient

fun repeatingLinearGradient(interpolation: ColorInterpolationMethod? = null, init: LengthColorStopsBuilder.() -> Unit): RepeatingGradient<LinearGradient>

fun repeatingLinearGradient(dir: LinearGradient.Direction, interpolation: ColorInterpolationMethod? = null, init: LengthColorStopsBuilder.() -> Unit): RepeatingGradient<LinearGradient>

fun repeatingLinearGradient(angle: CSSAngleNumericValue, interpolation: ColorInterpolationMethod? = null, init: LengthColorStopsBuilder.() -> Unit): RepeatingGradient<LinearGradient>

repeatingRadialGradient

fun repeatingRadialGradient(interpolation: ColorInterpolationMethod? = null, init: LengthColorStopsBuilder.() -> Unit): RepeatingGradient<RadialGradient>

fun repeatingRadialGradient(position: CSSPosition?, interpolation: ColorInterpolationMethod? = null, init: LengthColorStopsBuilder.() -> Unit): RepeatingGradient<RadialGradient>

fun repeatingRadialGradient(shape: RadialGradient.Shape?, position: CSSPosition? = null, interpolation: ColorInterpolationMethod? = null, init: LengthColorStopsBuilder.() -> Unit): RepeatingGradient<RadialGradient>

saturate

fun saturate(amount: Number = 1): CSSFilter

fun saturate(amount: CSSPercentageNumericValue): CSSFilter

sepia

fun sepia(amount: Number = 1): CSSFilter

fun sepia(amount: CSSPercentageNumericValue): CSSFilter

toImage

fun Gradient.toImage(): CSSImage

url

fun url(value: String): CSSUrl