ns-css-variables-calc
Installation
SKILL.md
CSS variables and calc()
Custom properties and var() work, with cascade/inheritance down the view tree:
.ns-root { --brand: #2563eb; --pad: 16; }
.cta { color: var(--brand); padding: var(--pad); }
var() fallback truth table
| Declaration | Result |
|---|---|
var(--undefined-var) |
property unset |
var(--undefined-var, red) |
red |
var(--undefined-var, var(--defined-fallback)) |
the fallback var's value |
var(--undefined-var, var(--undefined-fallback)) |
unset (no error) |
var(--undefined-var, var(--undefined-fallback, yellow)) |
yellow |