calc

Since UXP v3.0

You can use calc to evaluate arbitrary expressions in the context of a CSS style rule.

See: https://developer.mozilla.org/en/docs/Web/CSS/calc

Example

Copy
.someElement {
    width: calc(100vh - 50px);
}
Copied to your clipboard
.someElement {
    width: calc(100vh - 50px);
}

Quirks and Exceptions

• calc works for length values, not colors. However, you can use calc for the numeric portions of an rgb() color.

Last updated 3/8/2023

Was this helpful?

Yes

No