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

calc

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

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

For example:

val BasePaddingVar by StyleVariable(1.cssRem)
Modifier.padding(calc { (BasePaddingVar.value() + 2.px) * 2 })

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

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.

For example:

val BaseLineHeightVar by StyleVariable(1.5)
Modifier.lineHeight(calc { num(2) * num(BaseLineHeightVar.value()) })