Skip to content

pantoken-root / packages/utils/src / tokenUtilitiesCss

Funktion: tokenUtilitiesCss() ​

tokenUtilitiesCss(groups, options?): string

Beta

Byg token-drevne utility-klasser: én klasse pr. token, anvend det på dets naturlige CSS-egenskab. Token'ets --instui- hale er klassenavn, så --instui-font-weight-body-strong under egenskab font-weight giver .<prefix>-font-weight-body-strong { font-weight: var(--instui-font-weight-body-strong); }. Brug det til hver "en token → en egenskab" familie (font-family/weight, line-height, border-radius, border-width, opacity, box-shadow). Farve og spacing beholder deres egne builders — et token kortlægges til adskillige egenskaber der. Transmit token-navnene pr. egenskab (f.eks. filtreret fra @pantoken/tokens).

Parametre ​

groups ​

skrivbeskyttet TokenUtilityGroup[]

en TokenUtilityGroup pr. CSS-egenskab.

options? ​

UtilityOptions = {}

UtilityOptions.

Returnerer ​

string

CSS-strengen.