v8-ui-atoms
Version:
A library of common base components for building ui
33 lines • 1.36 kB
JavaScript
import { bpMobile, bpTablet, bpDesktop } from '../layout/grid';
export default (bpKey, additionalConfig) => {
if (additionalConfig && additionalConfig.altCondition) {
return '&&&';
}
switch (bpKey) {
case 'sm':
return `@media (max-width: ${bpMobile}px)`;
case 'md':
if (additionalConfig && additionalConfig.noUpper) {
return `@media (min-width: ${bpMobile + 1}px)`;
}
if (additionalConfig && additionalConfig.noLower) {
return `@media (max-width: ${bpTablet - 1}px)`;
}
if (additionalConfig && additionalConfig.upperLimit) {
return `@media (min-width: ${bpMobile +
1}px) and (max-width: ${bpDesktop}px)`;
}
return `@media (min-width: ${bpMobile + 1}px) and (max-width: ${bpTablet -
1}px)`;
case 'lg':
if (additionalConfig && additionalConfig.upperLimit) {
return `@media (min-width: ${bpTablet}px) and (max-width: ${bpDesktop}px)`;
}
return `@media (min-width: ${bpTablet}px)`;
case 'xl':
return `@media (min-width: ${bpDesktop + 1}px)`;
default:
return null;
}
};
//# sourceMappingURL=mediaQueries.js.map