@kiwicom/orbit-components
Version:
Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.
8 lines (6 loc) • 595 B
JavaScript
import { css } from "styled-components";
import mediaQueries from "../../utils/mediaQuery";
import { DEVICES } from "../../utils/mediaQuery/consts";
const getViewportHideStyles = (on, resolveDisplayProp = () => "block") => DEVICES.map(viewport => viewport in mediaQueries ? css(["", ";"], mediaQueries[viewport](css(["display:", ";"], on.indexOf(viewport) !== -1 ? "none" : resolveDisplayProp()))) : // "smallMobile" is not media query so we need to check it explicitly
viewport === "smallMobile" && on.indexOf(viewport) !== -1 && css(["display:none;"]));
export default getViewportHideStyles;