@amsterdam/design-system-react
Version:
All React components from the Amsterdam Design System. Use it to compose pages in your website or application.
19 lines (18 loc) • 569 B
JavaScript
/**
* @license EUPL-1.2+
* Copyright Gemeente Amsterdam
*/
export const addGridClass = (prefix, value) => {
if (value === 'all' || typeof value === 'number') {
return [`${prefix}${value}`];
}
else if (value) {
const { narrow, medium, wide } = value;
return [`${prefix}${narrow}`, `${prefix}${medium}-medium`, `${prefix}${wide}-wide`];
}
return [];
};
export const gridCellClasses = (colSpan, colStart) => [
...addGridClass('ams-grid__cell--span-', colSpan),
...addGridClass('ams-grid__cell--start-', colStart),
];