@noema/hyle
Version:
18 lines • 667 B
JavaScript
import { createVar, style } from '@vanilla-extract/css';
export function hyleStyle(properties, options = {}) {
const { prefix = 'hyle', base, shorthands } = options;
const styles = {};
const classNames = {};
for (const key of properties) {
const cssVar = createVar(`${prefix}-${key}`);
styles[key] = cssVar;
// Class that applies the CSS variable
classNames[key] = style({ vars: { [key]: cssVar } });
}
const result = { classNames, styles, shorthands };
if (base) {
return { ...result, baseClassName: style(base, `${prefix}-base`) };
}
return result;
}
//# sourceMappingURL=hyle-style.js.map