@coinmeca/ui/dist/components/layouts/cover/Cover.styled.jsx

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

"use client";
import { Root } from "../../../lib/style";
import { styled } from "styled-components";
const Style = styled.div `
    position: relative;
    font-size: 1em;
    width: 100%;
    height: ${({ $fullsize, $height }) => ($fullsize ? "100%" : `${$height}em`)};
    min-height: ${({ $fullsize, $height }) => ($fullsize ? "100%" : `${$height}em`)};
    max-height: ${({ $fullsize, $height }) => ($fullsize ? "100%" : `${$height}em`)};
    overflow: hidden;

    @media all and (max-width: ${Root.Device.Mobile}px) {
        ${({ $fullsize, $height }) => !$fullsize && `height: ${$height * 0.75}em`};
        ${({ $fullsize, $height }) => !$fullsize && `min-height: ${$height * 0.75}em`};
        ${({ $fullsize, $height }) => !$fullsize && `max-height: ${$height * 0.75}em`};
    }
`;
export default Style;
//# sourceMappingURL=Cover.styled.jsx.map