react-base-guide/lib/components/modal/content.js

react ui components

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const styled_components_1 = __importDefault(require("styled-components"));
const ModalContent = styled_components_1.default.div `
  position: relative;
  max-height: ${p => p.layer ? "100%" : "calc(100vh - 160px)"};
  overflow: auto;
  align-items: start;
  padding: 24px;
  margin: -24px;
  
  @media(max-width: ${p => p.theme.screen.tablet}) {
    max-height: ${p => p.layer ? "100%" : "calc(100vh - 80px)"};
    padding: 10px;
    margin: -10px;
  }
`;
exports.default = ModalContent;
//# sourceMappingURL=content.js.map