@mui/system
Version:
MUI System is a set of CSS utilities to help you build custom designs more efficiently. It makes it possible to rapidly lay out custom designs.
11 lines • 569 B
JavaScript
export default function prepareTypographyVars(typography) {
const vars = {};
const entries = Object.entries(typography);
entries.forEach(entry => {
const [key, value] = entry;
if (typeof value === 'object') {
vars[key] = `${value.fontStyle ? `${value.fontStyle} ` : ''}${value.fontVariant ? `${value.fontVariant} ` : ''}${value.fontWeight ? `${value.fontWeight} ` : ''}${value.fontStretch ? `${value.fontStretch} ` : ''}${value.fontSize || ''}${value.lineHeight ? `/${value.lineHeight} ` : ''}${value.fontFamily || ''}`;
}
});
return vars;
}