state
detailsContent
Applies the given utilities to a <details> element's ::details-content pseudo-element, the region holding everything after the <summary>.
import { detailsContent } from "@sdxc/u/state";Quick reference
Every documented call, beside the CSS it emits.
| Call | CSS |
|---|---|
u.detailsContent([u.overflow("clip"), u.bs(0)]) | css({ "&::details-content": { overflow: "clip", blockSize: "0" } }) |
Using a custom value
Every scale argument also takes a raw CSS value, which passes through untouched.
u.detailsContent([u.overflow("clip"), u.bs("2.75rem")])Responsive design
Wrap the call in a container query to scope it to one width.
u.at("md", u.detailsContent([u.overflow("clip"), u.bs(0)]))Signature
u.detailsContent(input: UtilityInput<Node>)