transform

scale

Sets the standalone scale CSS property directly — distinct from u.scale(), which sets the scale(...) transform function through the composable transform mechanism; overwrites outright, matching its use.

import { scaleProperty } from "@sdxc/u/transform";

Quick reference

Every documented call, beside the CSS it emits.

Call	CSS
`u.scaleProperty(0.95)`	`css({ scale: "0.95" })`
`u.scaleProperty("none")`	`css({ scale: "none" })`

Using a custom value

Every scale argument also takes a raw CSS value, which passes through untouched.

u.scaleProperty("2.75rem")

Applying on a state

Wrap the call in a state utility to scope it to one selector.

u.hover(u.scaleProperty(0.95))

Responsive design

Wrap the call in a container query to scope it to one width.

u.at("md", u.scaleProperty(0.95))

Signature

u.scaleProperty(value: number | (string & {}))