@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;'}

    .color-scheme-provider:first-child:not(td) {
        & > h1,
        & > .h1,
        & > h2,
        & > .h2,
        & > h3,
        & > .h3,
        & > h4,
        & > .h4,
        & > h5,
        & > .h5 {
            &:first-of-type:first-child {
                margin-top: 0;
            }
        }
    }
`;
//# sourceMappingURL=PageProvider.styles.js.map