@chayns-components/core/lib/cjs/components/page-provider/PageProvider.styles.js

A set of beautiful React components for developing your own applications with chayns.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledPageProvider = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const StyledPageProvider = exports.StyledPageProvider = _styledComponents.default.div`
    height: ${({
  $usableHeight
}) => $usableHeight ? `${$usableHeight}px` : undefined};
    position: relative;

    ${({
  $shouldUsePadding
}) => $shouldUsePadding ? `
        padding: 15px 10px 20px;
        @media screen and (min-width: 33.5em) {
            padding: 35px 43px 30px;
        }
    ` : 'padding: 0px;'}
`;
//# sourceMappingURL=PageProvider.styles.js.map