state
where
Sugar over when("& :where({selector})", input), targeting descendants of the host.
import { where } from "@sdxc/u/state";Quick reference
Every documented call, beside the CSS it emits.
| Call | CSS |
|---|---|
u.where("a", u.fg("brand")) | css({ "& :where(a)": { color: "..." } }) |
u.where("th, td", u.p(2)) | css({ "& :where(th, td)": { padding: "..." } }) |
Using a custom value
Every scale argument also takes a raw CSS value, which passes through untouched.
u.where("a", u.fg("brand"))Responsive design
Wrap the call in a container query to scope it to one width.
u.at("md", u.where("a", u.fg("brand")))Signature
u.where(selector: string, input: UtilityInput<Node>)