19 lines
1.1 KiB
JavaScript
19 lines
1.1 KiB
JavaScript
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
export function getGrid2UtilityClass(slot) {
|
|
return generateUtilityClass('MuiGrid2', slot);
|
|
}
|
|
const SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
|
|
const DIRECTIONS = ['column-reverse', 'column', 'row-reverse', 'row'];
|
|
const WRAPS = ['nowrap', 'wrap-reverse', 'wrap'];
|
|
const GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
|
|
const grid2Classes = generateUtilityClasses('MuiGrid2', ['root', 'container', 'item', 'zeroMinWidth',
|
|
// spacings
|
|
...SPACINGS.map(spacing => `spacing-xs-${spacing}`),
|
|
// direction values
|
|
...DIRECTIONS.map(direction => `direction-xs-${direction}`),
|
|
// wrap values
|
|
...WRAPS.map(wrap => `wrap-xs-${wrap}`),
|
|
// grid sizes for all breakpoints
|
|
...GRID_SIZES.map(size => `grid-xs-${size}`), ...GRID_SIZES.map(size => `grid-sm-${size}`), ...GRID_SIZES.map(size => `grid-md-${size}`), ...GRID_SIZES.map(size => `grid-lg-${size}`), ...GRID_SIZES.map(size => `grid-xl-${size}`)]);
|
|
export default grid2Classes; |