@nfq/react-grid
Version:
An fork of react-awesome-styled-grid with more screen classes and some features.
17 lines (14 loc) • 590 B
JavaScript
import { configCache } from './cache.js';
import { mediaInternal } from './helpers.js';
const mergeMediaQueries = (...cssFunctions) => props => {
const {
breakpointOrder
} = configCache.get('breakpointConfig');
const mediaQueries = cssFunctions.map(cssFunction => cssFunction(props));
return breakpointOrder.map((screenSize, index) => {
const mediaQuery = mediaQueries.map(query => query?.[index]).filter(Boolean).join('');
return mediaQuery ? mediaInternal(screenSize)`${mediaQuery}` : null;
});
};
export { mergeMediaQueries };
//# sourceMappingURL=styling.js.map