import { resolveCssSize } from 'ngwr/utils';
resolveCssSize(48); // { cssValue: '48px', pxValue: 48 }
resolveCssSize('3rem'); // { cssValue: '3rem', pxValue: 3 * rootFont }
resolveCssSize('80%'); // { cssValue: '80%', pxValue: null }
resolveCssSize(null, { defaultValue: '6rem' }); // uses the defaultresolveCssSize
Turns a size into a CSS value and, when it can, a pixel number.
Usage
Only a number or numeric string, px and rem give a pxValue; anything else gives null, so check it before doing maths.
API
| Name | Description | Type | Default |
|---|---|---|---|
resolveCssSize(raw, options?) | Resolves 48, "12px", "3rem" or "80%" to a CSS value and, when it can, pixels. | (raw, options?) => ResolvedCssSize | — |
ResolvedCssSize | Return shape: { cssValue: string; pxValue: number | null }. | interface | — |
ResolveCssSizeOptions | { defaultValue?: unknown }, used when raw is null or undefined. | interface | — |