@wezom/toolkit-css-in-js
Version:
Useful tools for working with CSS-in-JS
31 lines (30 loc) • 1.13 kB
TypeScript
declare type Operand = string | number;
/**
* Generate css math function `min(a, b)`
* @example
* jssMin('5vw', '50px') // 'min(5vw, 50px)'
* jssMin('5vw', jssRem(64)) // 'min(5vw, 4rem)'
*/
export declare const jssMin: (a: Operand, b: Operand) => string;
/**
* Generate css math function `max(a, b)`
* @example
* jssMax('5vw', '50px') // 'max(5vw, 50px)'
* jssMax('5vw', jssRem(64)) // 'max(5vw, 4rem)'
*/
export declare const jssMax: (a: Operand, b: Operand) => string;
/**
* Generate css math function `clap(min, val, max)`
* @example
* jssClamp('10px', '5vw', '50px') // 'clamp(10px, 5vw, 50px)'
* jssClamp(jssRem(24), '10%', jssRem(64)) // 'clamp(1.5rem, 10%, 4rem)'
*/
export declare const jssClamp: (min: Operand, val: Operand, max: Operand) => string;
/**
* Generate css math function-hack `max(x, min(y, z))` instead `clamp(z, y, x)`
* @example
* jssClamp('10px', '5vw', '50px') // 'max(10px, min(5vw, 50px))'
* jssClamp(jssRem(24), '10%', jssRem(64)) // 'max(1.5rem, min(10%, 4rem))'
*/
export declare const jssClampHack: (min: Operand, val: Operand, max: Operand) => string;
export {};