eip-components-web/build/lib/media.js

EIP components

import { jsx as _jsx } from "react/jsx-runtime";
export const breakpoints = {
    mobile: 0,
    tablet: 737,
    desktop: 1195,
};
export const getMediaQueries = () => (_jsx("style", { dangerouslySetInnerHTML: {
        __html: `
        @media (min-width: ${breakpoints.tablet}px) {
          [data-media="mobile"] {
            display: none;
          }
        }

        @media (min-width: ${breakpoints.desktop}px) {
          [data-media="tablet"] {
            display: none;
          }
        }

        @media (max-width: ${breakpoints.tablet - 1}px) {
          [data-media="tablet"] {
            display: none;
          }
        }
        
        @media (max-width: ${breakpoints.desktop - 1}px) {
          [data-media="desktop"] {
            display: none;
          }
        }
      `,
    } }));
//# sourceMappingURL=media.js.map