Module Css.Calc

Builder functions for calc() expressions.

val add : 'a calc -> 'a calc -> 'a calc

add left right is left + right.

val sub : 'a calc -> 'a calc -> 'a calc

sub left right is left - right.

val mul : 'a calc -> 'a calc -> 'a calc

mul left right is left * right.

val div : 'a calc -> 'a calc -> 'a calc

div left right is left / right.

val (+) : 'a calc -> 'a calc -> 'a calc

(+) is add.

val (-) : 'a calc -> 'a calc -> 'a calc

(-) is sub.

val (*) : 'a calc -> 'a calc -> 'a calc

( * ) is mul.

val (/) : 'a calc -> 'a calc -> 'a calc

(/) is div.

val length : length -> length calc

length len is len lifted into calc.

val var : ?default:'a -> ?fallback:'a fallback -> string -> 'a calc

var ?default ?fallback name is a variable reference for calc expressions. Example: var "spacing" or var ~fallback:(Rem 1.2) "tw-leading".

val float : float -> length calc

float f is a numeric value for calc expressions.

val infinity : length calc

infinity is the CSS infinity value for calc expressions.

val px : float -> length calc

px n is a pixel value for calc expressions.

val rem : float -> length calc

rem f is a rem value for calc expressions.

val em : float -> length calc

em f is an em value for calc expressions.

val pct : float -> length calc

pct f is a percentage value for calc expressions.

val nested : 'a calc -> 'a calc

nested inner wraps inner in an explicit nested calc() call. This produces output like calc(calc(...)*...) instead of calc(...*...).