layout
border-spacing
Applies the border-spacing property — the gap between adjacent table cell borders when border-collapse: separate is in effect (its default).
import { borderSpacing } from "@sdxc/u/layout";Quick reference
Every documented call, beside the CSS it emits.
| Call | CSS |
|---|---|
u.borderSpacing("0.5rem") | css({ borderSpacing: "0.5rem" }) |
u.borderSpacing("0.5rem 1rem") | css({ borderSpacing: "0.5rem 1rem" }) |
Using a custom value
Every scale argument also takes a raw CSS value, which passes through untouched.
u.borderSpacing("0.5rem")Applying on a state
Wrap the call in a state utility to scope it to one selector.
u.hover(u.borderSpacing("0.5rem"))Responsive design
Wrap the call in a container query to scope it to one width.
u.at("md", u.borderSpacing("0.5rem"))Signature
u.borderSpacing(value: string)